How to Create a popup menu

dennishancy · Jan 28, 2005

On my web site, I have a "Links" link.

Rather than create a separate HTML file listing all the links, I'd like
to create a popup menu (not sure if that's the official name or not).

So, when I click on "Links", I'd like to have a small popup menu appear
with a list of all my links, from which the user can select one.

Is there a way to do this within Javascript?
Dennis Hancy
Eaton Corporation
Cleveland, OH

McKirahan · Jan 28, 2005

On my web site, I have a "Links" link.

Rather than create a separate HTML file listing all the links, I'd like
to create a popup menu (not sure if that's the official name or not).

So, when I click on "Links", I'd like to have a small popup menu appear
with a list of all my links, from which the user can select one.

Is there a way to do this within Javascript?
Dennis Hancy
Eaton Corporation
Cleveland, OH

You might consider a drop-down list; for example:

<html>
<head>
<title>linkpick.htm</title>
<script type="text/javascript">
function link() {
var form = document.form1;
var site = form.links.options[form.links.selectedIndex].value;
if (site == "") return;
location.href = "http://" + site;
}
</script>
</head>
<body>
<form name="form1">
<b>Pick a link:</b><br>
<select name="links" onchange="link()">
<option value="" selected>
<option value="www.google.com">Google
<option value="www.yahoo.com">Yahoo
</select>
</form>
</body>
</html>

Richard · Jan 28, 2005

On my web site, I have a "Links" link.

Rather than create a separate HTML file listing all the links, I'd like
to create a popup menu (not sure if that's the official name or not).

So, when I click on "Links", I'd like to have a small popup menu appear
with a list of all my links, from which the user can select one.

Is there a way to do this within Javascript?

Try this little script

var kid = "FirstOn"
function ShowInfo(DivId)
{
document.getElementById(kid).style.display = 'none';
document.getElementById(DivId).style.display = 'block';
kid = DivId;
}

"FirstOn" is your opening division.
<div id="FirstOn" style="display:block;">Text</div>

Further items can be opened as needed with
<div id="item1" style="display:none;">links links links what ever</div>

Then when you want to show it, onclick="ShowInfo('item1')"

Basically works the same way as an image swap.

As an example see my site.
www.somestuff.batcave.net/menu1.html

Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
Multi select options in a menu	1	Oct 30, 2022
How can I get my menu inside of a menu to function properly?	1	Jan 19, 2023
Have slide menu stay closed	0	Sep 24, 2022
How to Create a random password generator in a separate window	4	May 26, 2022
Create a recursive Json object from categories to display on the website menu	2	Aug 27, 2022
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023

How to Create a popup menu

dennishancy

McKirahan

Richard

Ask a Question

Similar Threads

Staff online

Members online

Forum statistics

Latest Threads