CSS kroz Javascript

[ Crvic @ 21.01.2008. 07:40 ] @

Pozdrav ljudi,

Pri kraju sam da zavrsim svoj portfolio ali me muci jedna stvar. Hocu u zavisnosti od doba dana da vucem odredjen css fajl i to sam uspio ovako da rijesim:

Code:

//klasa za postavljanje vremena
ourDate = new Date();

//uzima samo na sat
var time = ourDate.getHours();

//vrijeme za dan ako nije onda je noc
if (time > 7 && time < 19)
{
document.write('<link href="css/style1.css" rel="stylesheet" type="text/css" media="screen, projection"/>');
}
else
{
document.write('<link href="css/style.css" rel="stylesheet" type="text/css" media="screen, projection"/>');
}

Medjutim kad radim validate css-a na w3c javi mi: No style sheet found. A kad radim validate iz lokala kroz Firefoxov web-developer toolbar, w3c ga vidi normalno.
Da li postoji mozda neki drugi nacin da rijesim ovo.

Hvala

[ Aleksandar Ružičić @ 21.01.2008. 12:29 ] @

nisam siguran sto se w3c buni, ali evo kako bih ja to resio:

- u jednom (ili vise) css fajlu bih definisao sve stilove, za svako doba dana, recimo:

Code:

.morning .title
{
color: red;
}

.evening .title
{
color: blue;
}

// itd...

i zatim bih pomocu javascripta body tagu dodeljivao odredjenu klasu (morning, evening itd), sa ovim kodom:

Code:

function setBodyClass(className)
{
   document.getElementsByTagName('body')[0].className = className;
}

//klasa za postavljanje vremena
ourDate = new Date();

//uzima samo na sat
var time = ourDate.getHours();

//vrijeme za dan ako nije onda je noc
if (time > 7 && time < 19)
{
    setBodyClass('day');
}
else
{
   setBodyClass('evening');
}

[ Crvic @ 21.01.2008. 14:51 ] @

Ej hvala puno na odgovoru, nisam se sjetio toga. Jednostavno dodati body-ju klasu i kroz javascript je mijenjati. Ali posto mi se nije dalo prepisivati sve te klase evo sta sam uradio:

Jednostavno sam pored svog koda koji sam imao

dodao u head jedan od css-ova

Code:
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen, projection"/>

Tako da ga w3c vidi a meni javscript i dalje radi sta je potrebno i ova linija ne smeta.

Svi zadovoljni :)