View Full Version : drop down!!
stephparry77
October 30th, 2007, 11:08 AM
Hi, i'm only just learning to build websites at the moment, and i've come to a stop with a little problem. I want to be able to click on for example a plus sign or text, and for a sortof drop down to open up with the information i want, and i want to be able to click on the icon/text again and then for the info to vanish again if you know what i nmean, how would i go about doing this?? any ideas????
thanks.
Wickham
October 30th, 2007, 11:33 AM
There are two main types of drop down menu:-
Pure CSS, no javascript, although many require ActiveX enabled in IE.
See http://www.cssplay.co.uk/menus/ for hundreds of free codes. Most of these show the drop down menu just by hovering over the main menu button, no clicking, and the drop down menu disappears when the mouse moves away.
Javascript drop down menus where you click on the main button and the drop down stays visible if you move the mouse away and you click again to remove the drop down. See http://www.hotscripts.com/JavaScript/Scripts_and_Programs/Navigation/Menus/index.html
Here's one where the sub-menu tabs can be non-sticky (disappear when the mouse is moved) or sticky (stay visible) with the option of either staying visible all the time or just until a viewer clicks somewhere else on the page:-
http://www.likno.com/awm_version5.php#details
In the pure CSS cases if a viewer does not have ActiveX enabled, or for the javascript types where the viewer does not have javascript enabled, he will not see the drop down menu so navigation will be impossible unless you provide an alternative method. This is usually by a Site Map conventional link at the bottom of the page which leads to another page full of conventional links.
Buzz
October 30th, 2007, 06:34 PM
http://script.aculo.us/
stephparry77
November 1st, 2007, 09:16 AM
It's frontpage 2003 i am using, this is the website url i want to actually do it to:http://www.cabgwyneddanddeynysmon.co.uk/ADVICELINK.htm
I want to be able to click on the question/blue text and for the answer to then appear in a box or whatever, then i want to be able to clieck the question again and for it to dissappear. or just click a close menu...??
Buzz
November 1st, 2007, 03:34 PM
See the link I posted above. Scriptaculous is a packaged javascript that does what you want. There are demos and instructions at the web site.