Změna pozadí podle času

Pavel
16. bře 2015 13:59 - 16. bře 2015 13:59 #120943
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:
<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 je nutné: Přihlásit se nebo Vytvořit účet.

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

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Pavel
16. bře 2015 14:53 - 16. bře 2015 14:54 #120945
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)
<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 je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
16. bře 2015 15:03 #120946
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é.
Poděkovali: Pavel

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.