Junior Coders
show selected option when page loads
You can change the background color from a div with a select menu.
TESTPAGE
The first option is "transparant", this is an image (white-gray cubes).
When the page loads the background-color is "white". Change it to e.g. "red".
Than you can change it to "transparant" en appears the image.
It should be the "transparant" option when the page loads.
Anyone an idea how to do this ?
Global Moderator
Put this right before the closing </body> tag:
Code:<script type="text/javascript"> document.getElementById('colorBG').selectedIndex = 0; changeBG('url(Background-No.jpg)'); window.onunload = function(){}; </script>
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Junior Coders
Great ... thanks John !
Do I have to change something on the style :
Code:<option value="url(Background-No.jpg)" selected="selected" style="background-color:White; color:#000000">Transparant</option>
Global Moderator
Not really. You could and probably should set it to what you want it to be on page load and you could/should set the background for the BackColor2 div to that as well. But the surest way, cross browser is the code I gave you. You should probably do both. But just the code is all you need if javascript is enabled, and the thing won't work if javascript is not available.
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Junior Coders
OK thanks.
On my testpage everything works fine.
But on MY PAGE there must be something wrong ...
Global Moderator
Looks like it's working there too. Looks like some other script is changing things after that. Ah, looks like (remove the highlighted):
There could also be other problems, but that's probably it, and that has to be removed for it to work the way you want it to anyway.Code:<body onload="changeBG('WhiteSmoke');berekenAlles();load()">
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Junior Coders
yes that's it
I removed it in the code, but I had to remove it from the templates properties too.
Thanks John, you helped me a lot of times.
Remember this thread ?
The solution is also on THIS PAGE. Maybe you can use it ... .
Posting Permissions
Reply With Quote
Bookmarks