Description
- The following wizard generates the code necessary for your own simple drop down menu. Each option on your menu will link to a selected page. Options are also given for you to select the colors and fonts.
Steps
- Fill in the information required for your drop down menu
- Generate the HTML and JavaScript code for your menu (button at bottom)
- You can preview your script (button at bottom)
- Copy and Paste the Source Code into your HTML page
Example
- Working drop down menu example
Note
- If you choose Page changes when menu changes, no action can occur for the first Link Address
- You can leave Link Address blank on the lines where you want the text entry to act as a divider or a menu header
Comments
September 24, 2010 - 2:15am — Anonymous
Question: Placing the drop down menu
How do I place the drop down menu so it is in the very top left corner of the browser?
September 24, 2010 - 1:33pm — ricocheting
Answer: Positioning menu
Best bet would be put the entire thing inside a div tag with the necessary positioning CSS.
<div style="position:absolute; top:0px; left:5px">drop down menu code
</div>
November 12, 2010 - 9:44pm — Anonymous
How do you set a width?
Ok, One of my text entries in the drop down list is long. The box then stretches too far to accommodate the text, even running off the edge of the screen! How do you make it so that the box is locked in a specific width and the text adjusts itself to form 2 lines? Shortening the title of my text is not an option for me, but breaking it into two lines is ok. Please, can you help?
November 15, 2010 - 9:04pm — ricocheting
Answer: Setting a maximum width
June 2, 2013 - 10:40am — Mohsin Khan
Drop down menu
I have created following drop down menu:
<form><p><select name="menu">
[snip]
</select> <input onclick="location=this.form.menu.options[this.form.menu.selectedIndex].value;" type="button" value="GO" /></p>
</form>
By pressing GO, after selecting a new city, frame open in a new window.
I want that data should be changed on the same frame.
Can you help me please.
June 2, 2013 - 1:16pm — ricocheting
Answer
The code you posted is fine and when I tested it locally, it didn't open in a new window. There must be something else on the page that conflicts with it and forces it to open in a new window. Providing the comment spam filters allow you to, can you post a link to the page where this is happening?
June 9, 2013 - 10:54am — Mohsin Khan
Link of the page
http://masjid.ch/namaz/
June 9, 2013 - 8:42pm — ricocheting
Answer
June 9, 2013 - 10:14pm — Anonymous
how do you position your menu
how do you position your menu under your home and message button instead of on the side
June 10, 2013 - 12:57pm — ricocheting
Answer
Generally you control where on the page the menu appears by inserting it in the appropriate place in the code. If you need it to come under the home, find where the home is in the code and insert the menu right after it.
You can align the menu to the right, left, center with code similar to
<div style="text-align:center;">[original menu code]
</div>
June 11, 2013 - 6:22am — redbrick
Unable to work
Why is it that some are parts of the dropdown are able to work when other does not for me?
June 11, 2013 - 12:36pm — ricocheting
Answer
Do all the links you entered start with http:// and are all of them valid links? That would be the most common thing I would check.