Přihlásit se

Změna pozadí podle času

16. bře 2015 13:59 - 16. bře 2015 13:59 #120943 od Pavel
Změna pozadí podle času vytvořil uživatel Pavel
Dobrý den,
protože nejsem moc znalý v JS prosím o pomoc s následujicím scriptem. Našel jsem si jednoduchý javascript, který mění obrázek v tabulce na základě času. Chtěl bych to použít pro změnu pozadí stránky, ale bohužel nevím jak to správně napsat, aby mi to ovlivňovalo tag BODY místo tabulky?
Předem moc děkuji přeji hezký den.

Ještě přikádám script, který potřebuji upravit:
Code:
<body> <table border="0" cellpadding="0" cellspacing="0"> <tr><td><img src="den.jpg" name="cas"></td></tr> </table> <script> if (document.images) { var myDate=new Date() var hour=myDate.getHours() // Zmena dle denniho casu if ( ( hour>7) && (hour<20) ) document.images.cas.src="den.jpg" else document.images.cas.src="noc.jpg" } </script> </body>

Pro možnost přispívání do fóra se přihlaste.

16. bře 2015 14:50 #120944 od Cony
Odpověď od Cony
A máte na stránkách použitu knihovnu jQuery?

Pro možnost přispívání do fóra se přihlaste.

16. bře 2015 14:53 - 16. bře 2015 14:54 #120945 od Pavel
Odpověď od Pavel
To nemám,
ale vyřešil jsem to následovně:
( ale pokud víte o elegentnějším řešení rád se přiučím)
Code:
<body> <script> var myDate=new Date() var hour=myDate.getHours() // Zmena dle denniho casu if ( ( hour>7) && (hour<20) ) document.body.style.background = "red"; else document.body.style.background = "blue"; </script> <h1>Hello World!</h1> </body>

Pro možnost přispívání do fóra se přihlaste.

16. bře 2015 15:03 #120946 od Cony
Odpověď od Cony
Elegentněji za použití jQuery :-) Princip je správně, jen nevím zda u něčeho nebudete bojovat s kompatibilitou mezi prohlížeči.

Při použití jQuery (nebo Mootools) bych celé volání ještě zaobalil do události OnDomReady, aby se nespustil dřív, než je celé HTML nahrané.

Pro možnost přispívání do fóra se přihlaste.

Powered by Fórum