Click to See Complete Forum and Search --> : Need help on DRop-down menu,please


D.S.R.Clark
06-01-2003, 01:19 PM
To whom it may concern,

Could someone lend some assistance on a snippet of HTML or Java.
I have found a drop-down menu in the Javascript section that is pretty much what I have been looking for. But, it opens a whole new page. Here is the URL:
http://javascript.internet.com/generators/drop-down-menu.html
What I would like it to do, would be open a window on ontop of the main window, sized to about the size of an index card. I have seen this type of devise used on other sites and it would be very helpful.
I am building a new site, and I want it to be very user-friendly and interactive.
Thank you in advance for any help.

David S. R. Clark
www.ElizabethStewartClark.com

khalidali63
06-01-2003, 01:32 PM
use window.open(url,windowName,"width=200,height=180");

where url = the url selected from the drop down list box.

D.S.R.Clark
06-01-2003, 01:50 PM
Thank you for your post.

Based on the script written, where does this piece go, please?


<!-- ONE STEP TO INSTALL PULLDOWN MENU:

1. Paste the code into the BODY of your HTML document -->

<!-- STEP ONE: Copy this code into the BODY of your HTML document -->

<BODY>

<!-- Original: Ricocheting (ricocheting@hotmail.com) -->
<!-- Web Site: http://free.prohosting.com/~ric -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<form name="jump">
<select name="menu">
<option value="http://www.somewhere.com">Something, something......</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</form>


Thank you,
David S. R. Clark
www.ElizabethStewartClark.com

khalidali63
06-01-2003, 02:06 PM
in here

<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">

the above should look like something like this

<input type="button" onClick="window.open(document.jump.menu.options[document.jump.menu.selectedIndex].value,'winName','width=200,height=200');" value="GO">