Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

CSS kroz Javascript

[es] :: Javascript i AJAX :: CSS kroz Javascript

[ Pregleda: 1788 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Crvic
Republika Srpska

Član broj: 23174
Poruke: 85
79.143.164.*

Sajt: www.nofrks.com


Profil

icon CSS kroz Javascript21.01.2008. u 07:40 - pre 198 meseci
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

 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: CSS kroz Javascript21.01.2008. u 12:29 - pre 198 meseci
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');




 
Odgovor na temu

Crvic
Republika Srpska

Član broj: 23174
Poruke: 85
79.143.164.*

Sajt: www.nofrks.com


Profil

icon Re: CSS kroz Javascript21.01.2008. u 14:51 - pre 198 meseci
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
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"/>'); 


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 :)
 
Odgovor na temu

[es] :: Javascript i AJAX :: CSS kroz Javascript

[ Pregleda: 1788 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.