web radio palinsesto interattivo

[eloise81]

Ciao a tutti!
Sono una grafica ma ogni tanto mi diletto a realizzare siti web, molto semplici naturalmente. Utilizzo dreamweaver e conosco un po' di html. Capisco qualcosa anche di flash (actionscript2). Ora alcuni amici mi hanno chiesto di dargli una mano a creare il sito della loro web radio.
Vorrei inserire in home page un inserto chiamato "ora in onda": una specie di slideshow di immagini che cambia a seconda dell'ora in cui l'utente si collega. Una sorta di palinsesto interattivo. Non so se mi sono spiegata molto bene.... Qualcuno ha idea di come si realizzi?

Grazie )
Eloise

[mexican]

L'ideale sarebbe un linguaggio lato server (asp,php) ma puoi vedere di realizzarlo con javascript.
Dovresti creare una funzione che recupera l'ora e poi a seconda dell'ora impostare l'immagine da visualizzare nel box che la contiene.

[pphhpp]

Inserisci questo codice nel body html:

<img id="immagine"/>
<script>
var today=new Date();
if(today.getHours()<12)
   document.getElementById("immagine").src="mattina.jpg";
else
   document.getElementById("immagine").src="pomeriggio.jpg";
</script>

today.getHours ritorna l'ora, puoi usare anche today.getMonth(), today.getDate(), today.getMinutes(), today.getSeconds() per avere altri effetti (today.getDate() è il giorno del mese). Cambia i nomi delle immagini e dovresti essere apposto.

Spero di esserti stato utile

[eloise81]

Grazie grazie grazie mille!!! Non vedo l'ora di provarlo, così ti faccio sapere. :-)

[eloise81]

Ciao pphhpp, ho provato il codice e funziona perfettamente. Ti vorrei chiedere ulteriori info.
Se per esempio ho una trasmissione che va in onda solo il lunedì dalle 21:30 alle 22:30 e dunque non si ripete giornalmente come faccio ad aggiungere il giorno esatto della settimana?
Butto qui un idea ma non credo sia così semplice....

<img id="immagine"/>
<script>
var today=new Date();
if(today.getHours()>21)
if(today.getMinutes()>30)
if(today.getHours()<22)
if(today.getMinutes()<30)
if(today.getDate()=monday)
document.getElementById("immagine").src="trasmissi one1.jpg";
</script>