News con scadenza

Problema pratico: conosciamo una serie di eventi che si dipanano per tutto un anno, solo che non vogliamo perdere tempo a cancellare volta volta gli eventi scaduti e far sembrare il nostro sito sempre aggiornato.
Ovviamente il lavoro sarà? soltanto quello di impostare un piccolo programmino e di lasciar fare al tempo che scorre... sarà? lui a selezionare gli eventi attivi da quelli scaduti. Ecco il risultato finale:

Creiamo una nuova pagina calendario.htm ed all'interno della pagina inseriamo il seguente codice:

<script type="text/javascript">

  document.write("<h4>Calendario sessioni 2004-2005</h4>");
  document.write("<table width='300' align='center'>");
  document.write("<tr><th>Data</th><th>Orario</th></tr>");
  // fasi iniziali di impaginazione

var settimana=new Array("Domenica","Lunedì","Martedì","Mercoledì","Giovedì","Venerdì","Sabato");
var mese=new Array("Gennaio","Febbraio","Marzo","Aprile",
"Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre");
  // Array con giorni e mesi

var oggi= new Date();
    oggi.setDate(oggi.getDate()-1);
  // data di confronto

var sessione=new Array();
var orario=new Array();
  // Array degli eventi
   sessione[0]=new Date("10/27/2004");orario[0]="15.00-18.00";
   sessione[1]=new Date("11/18/2004");orario[1]="9.00-12.00";
   sessione[2]=new Date("12/16/2004");orario[2]="15.00-18.00";
   sessione[3]=new Date("01/24/2005");orario[3]="9.00-12.00";
   sessione[4]=new Date("02/22/2005");orario[4]="15.00-18.00";
   sessione[5]=new Date("03/03/2005");orario[5]="15.00-18.00";
   sessione[6]=new Date("03/16/2005");orario[6]="9.00-12.00";
   sessione[7]=new Date("04/07/2005");orario[7]="15.00-18.00";
   sessione[8]=new Date("04/21/2005");orario[8]="15.00-18.00";
   sessione[9]=new Date("05/09/2005");orario[9]="9.00-12.00";
   sessione[10]=new Date("05/20/2005");orario[10]="9.00-12.00";
   sessione[11]=new Date("06/13/2005");orario[11]="15.00-18.00";
   sessione[12]=new Date("07/05/2005");orario[12]="9.00-12.00";
   sessione[13]=new Date("07/21/2005");orario[13]="15.00-18.00";
   sessione[14]=new Date("09/14/2005");orario[14]="15.00-18.00";
   sessione[15]=new Date("10/13/2005");orario[15]="9.00-12.00";
   sessione[16]=new Date("11/11/2005");orario[16]="15.00-18.00";
   sessione[17]=new Date("12/12/2005");orario[17]="9.00-12.00";

   // Attenzione: la data è definita da mm/gg/aaaa

for(i=0;i<sessione.length;i++){
  if((oggi)<=sessione[i]) {  // scrivo solo i dati validi
    document.write("<tr><td style='border-bottom: 1px dotted #006; text-align:right'>");
    document.write(settimana[sessione[i].getDay()]+" &nbsp;");
    document.write(sessione[i].getDate()+" &nbsp;)";
    document.write(mese[sessione[i].getMonth()]+" &nbsp;");
    document.write(sessione[i].getFullYear());
    document.write("</td><td style='border-bottom: 1px dotted #006; text-align:right'>");
    document.write(orario[i]+"</td></tr>");
  }
}

   document.write("</table>");
</script>