secondary topics on pulldown menus

[paulcj2]

I am creating pulldown menus (sample at
http://www.kripalushop.org/development/)
using HTML and simple java script.

<form method="post">

<select name="navbox" size="1" onchange="window.open(this.options[this.selectedIndex].value,'_top')">

<option value>Click here to move around the site</option>

<option value="flowers.shtml">A page about flowers</option>

<option value="muck.shtml">A page about muck</option>

<option value="index.shtml">Home</option>

</select>

</form>

I want to add a second level to the menu so that, for example, sub pages under "flowers" appear in the drop down menu when that is clicked on. Is there a way to do it in HTML and simple Java script as in the above? I don't want to get too complicated.

[weirdbeardmt]

Definitely -- have a browse around www.javascriptsource.com or www.js-examples.com

[weirdbeardmt]

I'm not sure this is exactly right, but could be modified to fit:

http://javascript.internet.com/forms...drop-down.html

[Vincent Puglia]

Hi paul,

Unfortunately, what you are asking for cannot be done as you envision it because you cannot change a page's elements/appearance easily and because you cannot put a selection list within a selection list (like the windows apps "...") . However, there are two alternatives:

1) using (relatively) simple javascript:
You put 2 or more selection lists on your page and fill the rightmost ones based on a selection from the previous one -- see the "Cascading Selects (I & II)" scripts/tutorials at my site.

2) using dHTML:
you place the second selection list within a div and change its visibility based upon the first selection list -- see the "Hiding Options in a Form" script/tutorial at my site.

Vinny

[weirdbeardmt]

That cascading selects 1 seems to be exactly what he was after. In fact I reckon I might use it!

[Vincent Puglia]

Hi weirdbeardmt,

Enjoy

Vinny

[paulcj2]

Thanks all. I will have fun experimenting with all you suggestions.

[paulcj2]

Oooops! "your" suggestions.