Dropbox-exempel

När man väljer nyheter - så laddas inte sidan om, utan en ny export laddas enbart - väldigt praktiskt på tex en startsida. Ovanstående produceras utav följande kod (obs avancerade javascript - tveka inte att fråga vid problem):

<html>
 <head>
  <title>Dropbox-exempel</title>
  <script type="text/javascript" src="http://www.nyhetsportalen.se/export.js"></script>
  <script type="text/javascript">

// funktion kopierad ifrån: 
    // http://www.dhtmlcentral.com/tutorials/tutorials.asp?id=11
    // tar ett argument, en url att ladda..
    function loadContent(file){
     var head = document.getElementsByTagName('head').item(0)
     var scriptTag = document.getElementById('loadScript');
     if(scriptTag) head.removeChild(scriptTag);
     script = document.createElement('script');
     script.src = file;
     script.type = 'text/javascript';
     script.id = 'loadScript';
     head.appendChild(script);
    }

// denna funktion tar två argument, ett för antal rubriker att skriva ut 
    // 0 skriver ut alla rubriker.
    // det andra argumentet är vilken div datan skall skrivas till.
    function skrivut_med_radbrytning_till_div(antal_rubriker,div) {
    // om antal_rubriker <= 0 - skriv ut alla rubrikerna.
     antal_rubriker = (antal_rubriker<=0) ? rubriker.length: antal_rubriker; 
     id=document.getElementById(div);
     id.innerHTML='';
     for (i=0;i<antal_rubriker;i++) {            
      id.innerHTML+=rubriker[i].datum.substr(11,5)+' - '; // skriv ut datum
      id.innerHTML+=rubriker[i].tidning+' - '; // skriv ut tidningens namn
      // skriv ut rubriken samt länka den till artikeln
      id.innerHTML+='<a href=\"'+rubriker[i].url+'\">' + rubriker[i].rubrik + '</a><br/>';
     }
    }  
  
    // denna funktion laddar om en specificerad div med valda rubriker
    // först kollar vi vad användaren valde, sedan verifierar vi att vi har 
    // ett rubrik-objekt och tömmer det ( första laddningen har man inget rubrikobjekt ).
    // sedan laddar vi ner innehållet. pga viss fördröjning i nerladdningen måste
    // vi använda en timer för anropa skrivut-funktionen. vi anropar här 
    // skrivut_med_radbrytning_till_div() med argumenten 3 och "nyhetsruta" och säger åt
    // javascriptsmotorn att vänta i 250 ms innan den försöker köra funktionen.
    function reload() {
      ref=document.forms['nyheter'].elements['rubrik'];
      id=ref[ref.selectedIndex].value;
      if (typeof(rubriker)=="object") { rubriker.splice(0,rubriker.length); }
      loadContent('http://www.nyhetsportalen.se/static/export_'+id+'.js');
      setTimeout("skrivut_med_radbrytning_till_div(3,'nyhetsruta');",250);
    }

</script>
 </head>
 
 <body onload="reload('78')">
   <table width="100%" cellspacing="0" cellpadding="0">
    <tr>
     <td>
      
      <div id="nyhetsruta" />
     </td>
    </tr>
    <tr>
     <td>
      <br/>
      
      <form name="nyheter" method="post" onsubmit="return false;">
       <select name="rubrik" onchange="reload();" onblur="reload();">
        <option value="78">Sport</option>
        <option value="79">Nöje</option>
        <option value="80">Utrikes</option>
        <option value="81">Inrikes</option>
        <option value="82">Ekonomi</option>
        <option value="83">IT</option>
       </select>
     </form>
   </td>
  </tr>
 </table>
</body>
</html>