|
HTML - On/off Switch?
Firstly, please forgive me for explaining this poorly or if it isn't even a matter of html.
I want to make a very simple on/off switch to put on my site which any visitor can click on or off. Just some visual representation of on or off - a lightswitch, a red and green button, etc. It'll have no other function than being on or off. I know how to build an image that would do this. What I don't know is how to make it reflect the true on or off position that somebody most recently switched it to. As I know how to build it, it would simply load to its default position as the visitor's page loads. I want people to be able to visit and see that the light is either on or off. If this makes sense to anyone, any suggestions how I might do it? Thanks! Similar TutorialsLooking for the cleanest way to enable the following: I have 2 forms on 1 page. The user has to choose which one is best for them. Upon selection(based on product they purchased) they then get the approriate form. I have the forms built, but Im not sure on the best route for the switch. DHTML? Thanks, Mac How do I switch between iframes within a page? Example: link1 | link2 | link3 |----------------------| |----------------------| |-------iframe--------| |----------------------| |----------------------| I want the iframe to chage when I click the different links, is this possible? I found this script that I found very interesting and would probably be very helpful to me, but I have little idea on how to use it. Could someone break it down for me and explain how I can use it on my website? The code can be found here the 8th post down by Bill Posters. Thank you very much. I'm brand new to writing script but my boss wants me to make this work. In the main image the water tank, pump manifold and the small pump above the tank should change into the different image when mouseovered. This is what I've come up with. ------------------------ <html> <head> <SCRIPT LANGUAGE="javascript"> <!--PRELOAD IMAGES> Original = new Image(800,542) Original.src = "http://fulfordsupply.com/frameset/images/BoilerRoom/Original.jpg.) Tank = new Image(800,542) Tank.src = "http://fulfordsupply.com/frameset/images/BoilerRoom/Tank.jpg" Pump = new Image(800,542) Pump.src = "http://fulfordsupply.com/frameset/images/BoilerRoom/Pump.jpg" Station = new Image(800,542) Station.src = "http://fulfordsupply.com/frameset/images/BoilerRoom/Station.jpg" </script> </head> <IMG NAME="Original" SRC="http://fulfordsupply.com/frameset/images/BoilerRoom/Original.jpg" USEMAP="#BoilerRoom"> <script language = javascript> <!--FUNCTIONS> <script language="javascript"> function zoomtank() { document.Original.src = Tank.src; return true; } function zoompumpstation() { document.Original.src = Station.src; return true; } function zoompump() { document.Original.src = Pump.src; return true; } function original() { document.Original.src = Original.src; return true; } </script> <!--THE MAP> <MAP NAME="BoilerRoom"> <AREA SHAPE="rect" ALT="Tank" COORDS="545,200,745,500" HREF=tank.jpg onMouseOver="zoomtank()" on MouseOut="original()"> <AREA SHAPE="rect" ALT="PumpStation" COORDS="258,207,370,345" HREF="Station.jpg" onMouseOver="zoompumpstation()" on MouseOut="original()"> <AREA SHAPE="rect" ALT="Pump" COORDS= "710,55,780,130" HREF="pump.jpg" onMouseOver="zoompump()" on MouseOut="original()"> </MAP> </html> ------------------ I've tried running it through the tryit editor @ http://www.w3schools.com/html/tryit....=tryhtml_basic but all i'm getting is the main image. The maps all work and i'm gonna fix the links eventually but I cannot for the life of me get my commands to work. I've been working on this is 9am (its 530 here now) so this is the last avenue I can think of for help. If someone could give me a helping hand I'd really appreciate it! Ello I'm a complete newb so sorry if I'm posting in the wrong place guys. Could anybody out there help me make a field / box like the one on this site. http://www.laptopsdirect.co.uk/Acer_...62/version.asp Below the laptop is a large field, if you click things like "technical specification" etc, it changes only that field. Then if you press the back button it backs up to the last page, rather than the last configuration of the current page. Phew.. confusing myself now lol. Anyhoo, just want to know how I would make such a box, with tabs that change that box only? Thanx Sarah Hi board members I trust I have posted in the correct forum... I've just coded an excel speadsheet for all my videos. I have created hyperlinks to each file. I'm wondering if there is a switch to add to the end of the hyperlink to force the media player the open in full screen? Any help would be appreciated. Cheers, Mal |
|||||||