[css] Css che cambia a seconda dell'orario... che non funziona!

Ciao a tutti !
Vorrei fare in modo che il CSS applicato ad una pagina cambi a seconda dell'orario . Per far ciò ho trovato questo script :

Codice:

---

<SCRIPT LANGUAGE="JAVASCRIPT">
<!-- Beginfunction getCSS(){
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour > 20)display = "http://digilander.libero.it/venda2/css1.css";
else if (thehour > 17)display = "http://*****/***.css";
else if (thehour > 14)display = "http://*****/***.css";
else if (thehour > 11)display = "http://*****/***.css";
else if (thehour > 7)display = "http://*****/***.css";
else if (thehour > 4)display = "http://*****/***.css";
else if (thehour > 1)display = "http://*****/***.css";
elsedisplay = "http://*****/***.css";
VAR CSS = '<'; css+='LINK REL="stylesheet" HREF=' + display + ' \/';  css+='>
';document.write(css);// End -->}</SCRIPT>
<SCRIPT LANGUAGE="JAVASCRIPT">getCSS();</SCRIPT>

---

... Solo che non funziona ! :shock:

Vorrei capire cosa c'è che non va , ma , sopratutto , se avete altre idee per realizzare il cambio di stile a seconda dell'orario del giorno . Grazie :wink:

un'idea potrebbe essere quella di usare php..

Codice PHP:

---

<?php
function getCss() {
$hours = date("H");
if($hours == "ora") {
return "http://linkdelcss.ext/file.css";
}
if($hours == "ora") {
return "http://linkdelcss.ext/file.css";
}
if($hours == "ora") {
return "http://linkdelcss.ext/file.css";
}
if($hours == "ora") {
return "http://linkdelcss.ext/file.css";
}
}
?>

---

poi nella pagina dove richiami il foglio di stile..

Codice PHP:

---

<?php
include("nomedellapaginanelqualeècontenutoloscriptdisopra.php");
?>
...
<LINK REL="stylesheet" HREF='<?php echo getCss(); ?>'>

---

questa potrebbe essere una situazione..invece di usare javascript..

Ti propongo ciò poichè come fatto da te, l'ora potrebbe essere modificata anche tramite l'immissione di codice javascript dalla barra degli indirizzi, tipo:

Codice:

---

javascript:thehour=numerochevoglio;

---

oppure..

Codice:

---

javascript:alert(thehour=numerochevoglio);

---

..poi ci sono un milioni di soluzioni..comunque ti consiglio di usare la mia soluz in php.
Ricordati che i file dove scrivi il <link rel... /> e la funzione che ti ho scritto, devono avere estensione .php


Ciao!

Interessante idea ... :-)
Tuttavia , non perchè non sia valido , ma per una questione di praticità , preferei usare Javascript , che , anche se meno "flessibile" , è più pratico da usare !

Infatti , avevo adocchiato proprio quella soluzione in JavaScript che mi pareva interessante , solo che non funziona e vorrei capire il perchè !

Grazie comunque : di certo prenderò in considerazione ciò che mi hai proposto :wink:

Edit posticcio : A dire la verità , ora che ho letto meglio la tua risposta , sai che forse è quello che fa al caso mio ? Quasi quasi faccio una prova ! :-D

Edit successivo : Niente da fare ... Non posso usarlo perchè l'estensione della pagina dove andrebbe inserito il codice che richiama la funzione è HTML , non PHP ! Di conseguenza non posso usarlo ! :-)
Ciò spiega perchè opto per Javascript ! ;-)

in questo caso:

Codice HTML:

---

<SCRIPT LANGUAGE="JAVASCRIPT">
<!-- Begin
function getCSS() {
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
display = "standard";
if (thehour == 20) display = "http://digilander.libero.it/venda2/css1.css";
if (thehour == 17) display = "http://*****/***.css";
if (thehour == 14)display = "http://*****/***.css";
if (thehour == 11)display = "http://*****/***.css";
if (thehour == 7)display = "http://*****/***.css";
if (thehour == 4)display = "http://*****/***.css";
if (thehour == 1)display = "http://*****/***.css";
var css = '<'+'LINK REL="stylesheet" HREF=' + display + ' \/'+'>';
document.write(css);
// End -->
}
</SCRIPT>
<SCRIPT LANGUAGE="JAVASCRIPT">getCSS();</SCRIPT>

---

Citazione:

---

Originalmente inviato da NetSkin

in questo caso:

Codice HTML:

---

<SCRIPT LANGUAGE="JAVASCRIPT">
<!-- Begin
function getCSS() {
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
display = "standard";
if (thehour == 20) display = "http://digilander.libero.it/venda2/css1.css";
if (thehour == 17) display = "http://*****/***.css";
if (thehour == 14)display = "http://*****/***.css";
if (thehour == 11)display = "http://*****/***.css";
if (thehour == 7)display = "http://*****/***.css";
if (thehour == 4)display = "http://*****/***.css";
if (thehour == 1)display = "http://*****/***.css";
var css = '<'+'LINK REL="stylesheet" HREF=' + display + ' \/'+'>';
document.write(css);
// End -->
}
</SCRIPT>
<SCRIPT LANGUAGE="JAVASCRIPT">getCSS();</SCRIPT>

---

---

... Funziona ! :lol:

Ho sostituito , soltanto , i " == " con " > " e va che è una meraviglia !
Grazie ! :-)