In search of HTML/ Javascript help!

[UTAHCRUISER]

Hi People

I know there are some really smart people that hang out on this forum who know their way around the dark and seedy underbelly of web design, and I unfortunately am not one of them! I was hoping to pick one of these smart people's brains.

I have a website that I built using Yahoo's Sitebuilder software. This software allows completely uneducated people such as myself to throw together a website without a shred of actual coding knowledge or experience. Anyhow, in the process of trying to find ways to make this website more user-friendly, I found this little snippet of code that can be placed into pages on the site to create drop-down menus. This is one thing that Sitebuilder lacks. You can only create horizontal or vertical menus with no mouse-over sub-menu options.

Anyhow, here is the code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
// End -->
</SCRIPT>

<center>
<form name="form">
<select name="site" size=1 onChange="javascript:formHandler()">
<option value="">Please Select A Page...

<!-- Option 1 -- To have the pull down menu go to your own pages, change the URL within the quotation marks and the link name. -->
<!-- Option 2 -- You may remove or add entire lines to increase or decrease the number of links. -->
<option value="http://gsipawnshop.com/Firearms/Firearms-Main.html">Firearms
<option value="http://gsipawnshop.com/DVD_CD-Lists/music_and_movies.html">Movies and Music
<option value="http://gsipawnshop.com/Video-Games/video_games.html">Video Games
<option value="http://gsipawnshop.com/Guitars/guitarsmain.html">Guitars
<option value="http://gsipawnshop.com/Other-Music-Gear/musicgearmain.html">Music Gear
<option value="http://gsipawnshop.com/Snowboards/Snowboards.html">Snowboards
<option value="http://gsipawnshop.com/Tools/Tools_Main.html">Tools
<option value="http://gsipawnshop.com/Electronic_Gear/Electronics.html">Electronics
<option value="http://gsipawnshop.com/More_Stuff/All_The_Rest.html">More Stuff!


</select>
</form>
</center>


So, I did as instructed and modified the code to include the URLs of my choice, and inserted it into the desired pages as specified (right click on page, select "insert html" and paste into the resulting box). It works exactly as advertised. My question though is this: I would like to add more than one of these things to a page, each with different menus, but if I stick more than one on any given page, only one of them will work.

I would assume that there is some really easy answer to this, and I am guessing that I need to somehow differentiate one menu from the other, but seeing as how I don't actually have any idea what any of the above code means, my attempts at modifying it have thus far been futile!

Any suggestions or help would be greatly appreciated!

Thanks,
Chad

 

[Herzog]

Just did this really quick so I'm not sure how proper it is, but you need to have a function for each form with a unique name.

Example: http://jsfiddle.net/c88XC/

 

[UTAHCRUISER]

Hi Herzog,

I copied what you did there, and added URLs to existing pages for the second form, but still no nothing! Driving me batty messing with something that I have no comprehension of. Its about as satisfying as trying to spell check a document written in German, when I don't speak a word of the language!

Heres a link to the page I stuck that test code into:

http://gsipawnshop.com/test

Neither of the links work now. I may just have to admit defeat and stick with the very confining template that the Sitebuilder software has me stuck in.

Thanks a ton for your suggestion though! I really appreciate it.

Thanks,
Chad