Drop down, having certain other menus appear...

riotman · January 11th, 2006, 04:25 PM

I was wondering if someone could help me with the logic behind this problem.

I have a drop down menu and based on what the user selects from it i would like to have certain other text/drop down menus appear below. What kind of things would I need to do to accomplish this? I'm assuming there is both HTML and some javascript involved.

Any help would be appreciated. Thanks.

AnneJan · January 12th, 2006, 11:39 AM

Maybe a menu like this:

HTML Code:

<html>
<head>
<style>
.menu /* view of menu */
{position:relative;background-color:gold;color:brown;border:1px solid brown;width:85;
font-size:10px;font-family:verdana;font:bold;position:absolute;cursor:hand;}
.item_panel /* view of borders */
{width:85;border-left:1px solid brown;border-right:1px solid brown;clip:rect(0,85,0,0);
position:absolute;}
.item_panel a /* view text submenu's */
{text-decoration:none;color:brown;font:bold;cursor:hand;}
.item  /* uitzicht achtergrond submenu's */
{background-color:lightyellow;width:83;font-size:10px;font-family:verdana;}
</style>
<script type="text/javascript" src="dropdownmenu.js"></script>
</head>
<body>
<script language="JavaScript">
//Link[nr] = "[0 is headitem/1 is subitem],Link name,url,target (_blank|_top|framenaam)"
var Link = new Array();
Link[0] = "0|Headitem 1";
Link[1] = "1|Subitem 1.1|#|_blank";
Link[2] = "1|Subitem 1.2|#|_blank";
Link[3] = "0|Headitem 2";
Link[4] = "1|Subitem 2.1|#|_blank";
Link[5] = "1|Subitem 2.2|#|_blank"
Link[6] = "0|Headitem 3";
Link[7] = "1|Subitem 3.1|#|";
Link[8] = "1|Subitem 3.2|#|_blank";
Link[9] = "0|Headitem 4";
Link[10] = "1|Subitem 4.1|#|_blank";
Link[11] = "1|Subitem 4.2|#|_blank";
startup("");
// startup(""); begin with all headitems closed
// startup("all"); begin with all headitems opened
// startup("1|2"); begin with first and second headitem opened
// startup("4"); begin with fourth headitem opened
</script>
</body>
</html>

Plus the attachment "dropdownmenu.js"!
Greetz,

riotman · January 12th, 2006, 04:59 PM

Not exactly what I am looking for but thanks for the try.

I just have an html drop down menu with about 6 choices. When I select one of those I would like another drop down menu to appear further down the page.