Změna pozadí podle času

16. bře 2015 13:59 - 16. bře 2015 13:59 #120943

Změna pozadí podle času od Pavel

Zkušený uživatel

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>

16. bře 2015 14:50 #120944

Odpověď od Cony

Moderátor

A máte na stránkách použitu knihovnu jQuery?

16. bře 2015 14:53 - 16. bře 2015 14:54 #120945

Odpověď od Pavel

Zkušený uživatel

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>

16. bře 2015 15:03 #120946

Odpověď od Cony

Moderátor

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

Přihlásit se

Joomla 5.2.2 Security & Bugfix Release

Změna pozadí podle času

Nejnovější příspěvky