Cambio colore cella in base all'orario

[cavicchiandrea]

Cosi funziona
http://www.andyblog.it/progetti/?script=yes a fondo pagina trovi il file compresso

[Giuseppone]

Dire che ti adoro è poco!!!!!!



Ora lo riadatto al mio sito, ma è perfetto!!!!!

C'è solo un problema che dovrò affrontare: oggi è sabato, ma se vado sul palinsesto di lunedì la stessa trasmissione è on air, quindi devo trovare il modo che tutto l'ambaradam si riferisca solo al giorno corrente.......

[Giuseppone]

Non vi racconto la storia della mia vita.... ma sono solo un povero Operatore Sociale che sta aiutando dei ragazzi a sviluppare una radio web...
Quindi la mia dimistichezza in queste cose è mooooolto relativa, ma ormai ho promesso!

Ho triturato i "cabbasisi" in QUESTO FORUM per realizzare un effetto di "movimento" tra celle al cambiar dell'ora.....e grazie a un fondamentale apporto, la cosa funziona.
Il risultato è sui link di quel tread.

Ma ora avrei bisogno di implementare quello script con due particolari:

[list=1][*]l'effetto deve avvenire in un intervallo di mezz'ora e non di un'ora, quindi non tra le 8 e le 9 ma tra le 8,30 e le 9, le 9 e le 9,30, le 9,30 e le 10 etc etc etc

    function time() {
        var now = new Date();
        var hours = now.getHours();
  		var min=now.getMinutes();
  		var sec=now.getSeconds();

		if (min<=9) { min="0"+min; }
		if (sec<=9) { sec="0"+sec; }


	//8-9 day
        if (hours >= 8 && hours < 9){
		document.getElementById('t1').className='on_air';
		document.getElementById('t13').style.display='none';

[*]l'effetto deve avvenire solo il giorno corrente e non sulla pagine degli altri giorni. Cioè oggi è sabato e alle 18.50 si vede cos'è on air (in base allo script di cui sopra), ma se linko per vedere cosa si trasmette lunedì, l'orario 18/19 NON deve lampeggiare.[/list=1]

Ci dareste una mano?

[cavicchiandrea]

Mandami un pvt con il palinsesto di tutti i giorni della settima e gli orari, vedo quello che posso fare (senza fretta) ciao.

[Giuseppone]

ok fatto grazie

Mandami un pvt con il palinsesto di tutti i giorni della settima e gli orari, vedo quello che posso fare (senza fretta) ciao.

[firelightning]

ciao!
Cavicchiandrea.. volevo solo segnalarti che il link seguente, da te indicato prima non funge!
http://www.andyblog.it/progetti/?script=yes

Grazie
Smack

http://www.andyblog.it/progetti/?script=yes


Mary

[Giuseppone]

Con tutta la generosità e disponibilità di Cavicchiandrea (che mi ha "sedotto" ed abbandonato ), il sistema continua a non funzionarmi!
L’elaborazione da lui inviatami funziona e la si può vedere qui
Il codice, che parte così

// JavaScript Document verifica orario 
	    function time() {

        var now = new Date();
        var hours = now.getHours();
  		var min=now.getMinutes();
  		var sec=now.getSeconds();
		if (min<=9) { min="0"+min; }
		if (sec<=9) { sec="0"+sec; }
		onair = ((hours<=9) ? '0'+hours : hours) + '.' + min
		//IN ONDA [Inzio verifica orario ogni 30 minuti] 
		var Giorno = new Array("Domenica","Lunedi","Martedi","Mercoledi","Giovedi","Venerdi","Sabato","Domenica")
		var g  = location.href
		g = g.substring(g.lastIndexOf("/")+1,g.lastIndexOf("."))
		if (Giorno[now.getDay()]==g){
        if (onair >= 8.00 && onair < 8.30){
		document.getElementById('t0').className='on_air';
	}

Etc etc etc fino a
if (onair >= 19.30 && onair < 20.00){
		document.getElementById('t24').className='on_air';
	}
}
	//IN ONDA Fine ferifica  orario trasmissioni

	//FUORI ONDA [Inizio controllo orario nessuna trasmissione attenzione di non accavallare gli orari]
		ora = ((hours<=9) ? '0'+hours : hours) + '.' + min + '.' + sec
		setTimeout("time()",1000)
		if (hours >= 20 || hours < 8){
		document.getElementById('t13').style.display='block';
		document.getElementById('notrasm').innerHTML = ora;
		}
	//FUORI ONDA [fine controllo orario nessuna trasmissione]
}
window.onload = function(){time()}

funziona dignitosamente!
Prendendo spunto da questo, ho fatto tutto il lavoro di riadattamento grafico sul CSS, rielaborando in modo che non ci siano intervalli in quanto non esiste “FINE TRASMISSIONI”. (Lo vedi
qui )

Quindi ogni giorno parte con un

<div id="t0" class="no_air"> <span class="Orario">06.00 - 06.30</span> 
  <div class="Testo">Inizio trasmissioni</div>    </div>
    <div id="t1" class="no_air"> <span class="Orario">06.30 - 07.00</span> 
      <div class="Testo">Tu per tu</div>  </div>
Etc etc etc fino a 

    <div id="t47" class="no_air"><span class="Orario">05.30 - 06.00</span>
      <div class="Testo">Trasm delle 20</div>
    </div>
    </div>

Quindi la differenza tra il codice di Andrea ed il mio consiste solo nell’implementazione oraria e nell’eliminazione di

//FUORI ONDA [Inizio controllo orario nessuna trasmissione attenzione di non accavallare gli orari]
		ora = ((hours<=9) ? '0'+hours : hours) + '.' + min + '.' + sec
		setTimeout("time()",1000)
		if (hours >= 20 || hours < 8){
		document.getElementById('t13').style.display='block';
		document.getElementById('notrasm').innerHTML = ora;
		}
	//FUORI ONDA [fine controllo orario nessuna trasmissione]

Modificando lo script con tanti

        if (onair >= 0.00 && onair < 0.30){
		document.getElementById('t0').className='on_air';
	}

…..t1 t2 t3 t4………………….fino a t47

Ma non funziona, il mio non funziona!
Qualche suggerimento? Vorrei proprio capire l’errore!