Change background on top by time

gidus · lokakuu 15, 2013, 10:26:51 AP

The idea is to change background by the clock time if it's morning a background type if it's night another type so:

I added to my css file style the following codes :

Koodi [Valitse]

.morning { background:url(bg-header.png); }
.night { background:url(bg-headernight.png); }

And i tried to add to index.template.php the following code

Koodi [Valitse]

<body onload="var hr=new Date().getHours();document.getElementById('wrapper').className = (hr >= 6 && hr < 19 ? 'morning': 'night');">';

But i received an error about wrong syntax how could fix that?

Kindred · lokakuu 15, 2013, 10:52:00 AP

you can't use mixed quotes like that... SMF uses php echo statements with single quotes to display the content... which means that any single quotes MUST be escaped, if used within the echo.

gidus · lokakuu 15, 2013, 11:07:29 AP

So i have to do a javascript function out from body and recall it with body onload="fuctionname()" ??

Kindred · lokakuu 15, 2013, 11:08:36 AP

or escape the single quotes...

gidus · lokakuu 15, 2013, 11:11:15 AP

Koodi [Valitse]

<body onload=var hr=new Date().getHours();document.getElementById('wrapper').className = (hr >= 6 && hr < 19 ? 'morning': 'night')>';

Like that?

Kindred · lokakuu 15, 2013, 11:46:34 AP

no... you just took out the double quotes, which makes it even worse.

I said that you need to ESCAPE the quotes... like \' but I don't know if even that will work correctly.

http://stackoverflow.com/questions/5647242/how-to-escape-quotes-and-already-escaped-quotes-in-php-before-passing-to-javascr

Arantor · lokakuu 15, 2013, 12:12:50 IP

As in:

Koodi [Valitse]

<body onload="var hr=new Date().getHours();document.getElementById(\'wrapper\').className = (hr >= 6 && hr < 19 ? \'morning\': \'night\');">';

(and not escaping the last one because that's the end of the echo statement.

gidus · lokakuu 15, 2013, 01:47:30 IP

It's works but after i loaded it the charcther of forum it's all in Bold Type

like that Test maybe i have to adding something ?

Arantor · lokakuu 15, 2013, 01:49:22 IP

Or it was done wrong, but can't tell that without seeing this live.

Simple Machines Community Forum

Uutiset:

Change background on top by time

gidus

Kindred

gidus

Kindred

gidus

Kindred

Arantor

gidus

Arantor