Navagation Problems

[stormrevolution]

I have this navagation menu working perfectly on my page, but i want this menu to appear 2ce on the page but i keep having errors and i dunno what to do to make both of them work.

>>>>>>>>>>>>>the script<<<<<<<<<<<<<

<script language="Javascript">
<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com

function go() {
document.location = document.abcd.a.options[document.abcd.a.selectedIndex].value
}

//-->
</script>
<form name="abcd">
<select name="a" style="color: #FFCC00; background-color: #0080C0">
<option>Select Area...</option>
<option value="http://www.geocities.com/monkejrq/revolution_home.htm">
Home
<option value="http://www.geocities.com/monkejrq/listenlive.htm">
Listen Live
<option value="http://www.geocities.com/monkejrq/schedule.htm">
Schedule
<option value="http://www.geocities.com/monkejrq/stormprogz.htm">Storm Progz
<option value="http://www.geocities.com/monkejrq/chatzone.htm">
Chatzone
<option value="http://www.geocities.com/monkejrq/gamezone.htm">
Gamezone
<option value="http://www.geocities.com/monkejrq/aboutus.htm">About Us
<option value="http://www.geocities.com/monkejrq/contact.htm">Contact
<option value="http://www.geocities.com/monkejrq/support.htm">Support
<option value="http://www.geocities.com/monkejrq/requestcentre.htm">
Request Centre
<option value="http://www.geocities.com/monkejrq/top40.htm">UK Top 40
<option value="http://www.geocities.com/monkejrq/news.htm">News &amp; Weather
<option value="http://www.geocities.com/monkejrq/jokezone.htm">
Jokezone
<option value="http://www.geocities.com/monkejrq/mobilezone.htm">Mobilezone</option>
<option>Message Boards</option>
<option value="">----------------
<option value="http://www.geocities.com/monkejrq/start.htm">Storm Revolution
<option value="http://www.geocities.com/monkejrq/solutions.htm">Storm Solutions
<option value="http://www.geocities.com/monkejrq/shopping.htm">
Storm Shopping
<option value="">----------------
<option value="http://www.geocities.com/monkejrq/terms.htm">Terms
<option value="http://www.geocities.com/monkejrq/privacy.htm">Privacy
<option value="http://www.geocities.com/monkejrq/privacy.htm">Press
</select>
<input type="button" value=" Go! " onclick="go()" style="color: #FFCC00; background-color: #0080C0">
</form>

[khalidali63]

you can have it multiple places,the only thing that matters is that all of the select drop down boxes must should have a unique name,if not then they must be accessed as an element in an array.

[stormrevolution]

>ok, ive changed the following

<script language="Javascript">
<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com

function go() {
document.location = document.abcd.a.options[document.abcd.a.selectedIndex].value
}

//-->
</script>

to this

<script language="Javascript">
<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com

function go() {
document.location = document.abcd.a.options[document.abcd2.b.selectedIndex].value
}

//-->
</script>

>and now im getting the following:


Error

Runtime Error has occured.
Do you wish to debug?

Line 1010
Error: Exception Occured.

im using MS Frontpage XP will that have anything to do with it?

[khalidali63]

Take a lookat this link..

http://68.145.35.86/temp/MultipleRedirectListBoxes.html

[stormrevolution]

thats great thanks very much!

1 little problem though, i want them seperated. I want to put each drop downmenu into one of these:

<DIV style="top : 194;left : 78;
position : absolute;
z-index : 32;
width : 647;
height : 12" id="Layer54">IN THIS AREA<DIV>
<DIV style="top : 122px;left : 169px;
position : absolute;
z-index : 33;
visibility : visible;
" id="Layer55">

when i split the menus up into different areas so i can position them on different areas of the page the menu no longer works.

[khalidali63]

you can put them whereever you want,they just has to be enclosed in the form tag...so they can be referenced from one form name,..make sense????

<form>
betwenn these tags you can put them anywhere on the page as long as they inherit the same form
</form>

[stormrevolution]

hmmm...little confused but i think i may have it. lol

>>>>>>>>>>>>area one<<<<<<<<<<<<<

<DIV style="top : 194;left : 78;
position : absolute;
z-index : 32;
width : 647;
height : 12" id="Layer54"><script type="text/javascript">

<!--
function Process(){
var frm = document.getElementById("form1");
var len = frm.length;
}

function goURL(url) {
window.location.href = url;
}

//-->
</script>
</head>

<body class="body">
<form name="abcd">
<div style="width:512;height:42">
<span style="width:200px;">
<select name="lb_1" style="color: #FFCC00; background-color: #0080C0">
<option>Select Area...</option>
<option value="http://www.geocities.com/monkejrq/revolution_home.htm">
Home
<option value="http://www.geocities.com/monkejrq/listenlive.htm">
Listen Live
<option value="http://www.geocities.com/monkejrq/schedule.htm">
Schedule
<option value="http://www.geocities.com/monkejrq/stormprogz.htm">Storm Progz
<option value="http://www.geocities.com/monkejrq/chatzone.htm">
Chatzone
<option value="http://www.geocities.com/monkejrq/gamezone.htm">
Gamezone
<option value="http://www.geocities.com/monkejrq/aboutus.htm">About Us
<option value="http://www.geocities.com/monkejrq/contact.htm">Contact
<option value="http://www.geocities.com/monkejrq/support.htm">Support
<option value="http://www.geocities.com/monkejrq/requestcentre.htm">
Request Centre
<option value="http://www.geocities.com/monkejrq/top40.htm">UK Top 40
<option value="http://www.geocities.com/monkejrq/news.htm">News & Weather
<option value="http://www.geocities.com/monkejrq/jokezone.htm">
Jokezone
<option value="http://www.geocities.com/monkejrq/mobilezone.htm">Mobilezone</option>
<option>Message Boards</option>
<option value="">----------------
<option value="http://www.geocities.com/monkejrq/start.htm">Storm Revolution
<option value="http://www.geocities.com/monkejrq/solutions.htm">Storm Solutions
<option value="http://www.geocities.com/monkejrq/shopping.htm">
Storm Shopping
<option value="">----------------
<option value="http://www.geocities.com/monkejrq/terms.htm">Terms
<option value="http://www.geocities.com/monkejrq/privacy.htm">Privacy
<option value="http://www.geocities.com/monkejrq/privacy.htm">Press
</select>
<input type="button" value=" Go! " onclick="goURL(this.form.lb_1.options[this.form.lb_1.selectedIndex].value);" style="color: #FFCC00; background-color: #0080C0"></span><form></DIV>
<DIV style="top : 122px;left : 169px;
position : absolute;
z-index : 33;
visibility : visible;
" id="Layer55">

>>>>>>>>>>>>>>>>>>>>>>>form two<<<<<<<<<<<

<DIV style="top : 194;left : 78;
position : absolute;
z-index : 32;
width : 647;
height : 12" id="Layer54">
<form><span style="width:200px;">
<select name="lb_2" style="color: #FFCC00; background-color: #0080C0">
<option>Select Area...</option>
<option value="http://www.geocities.com/monkejrq/revolution_home.htm">
Home
<option value="http://www.geocities.com/monkejrq/listenlive.htm">
Listen Live
<option value="http://www.geocities.com/monkejrq/schedule.htm">
Schedule
<option value="http://www.geocities.com/monkejrq/stormprogz.htm">Storm Progz
<option value="http://www.geocities.com/monkejrq/chatzone.htm">
Chatzone
<option value="http://www.geocities.com/monkejrq/gamezone.htm">
Gamezone
<option value="http://www.geocities.com/monkejrq/aboutus.htm">About Us
<option value="http://www.geocities.com/monkejrq/contact.htm">Contact
<option value="http://www.geocities.com/monkejrq/support.htm">Support
<option value="http://www.geocities.com/monkejrq/requestcentre.htm">
Request Centre
<option value="http://www.geocities.com/monkejrq/top40.htm">UK Top 40
<option value="http://www.geocities.com/monkejrq/news.htm">News & Weather
<option value="http://www.geocities.com/monkejrq/jokezone.htm">
Jokezone
<option value="http://www.geocities.com/monkejrq/mobilezone.htm">Mobilezone</option>
<option>Message Boards</option>
<option value="">----------------
<option value="http://www.geocities.com/monkejrq/start.htm">Storm Revolution
<option value="http://www.geocities.com/monkejrq/solutions.htm">Storm Solutions
<option value="http://www.geocities.com/monkejrq/shopping.htm">
Storm Shopping
<option value="">----------------
<option value="http://www.geocities.com/monkejrq/terms.htm">Terms
<option value="http://www.geocities.com/monkejrq/privacy.htm">Privacy
<option value="http://www.geocities.com/monkejrq/privacy.htm">Press
</select>
<input type="button" value=" Go! " onclick="goURL(this.form.lb_1.options[this.form.lb_1.selectedIndex].value);" style="color: #FFCC00; background-color: #0080C0"></span>
</div>
</form></DIV>
<DIV style="top : 122px;left : 169px;
position : absolute;
z-index : 33;
visibility : visible;
" id="Layer55">

but im still getting a error :(

[khalidali63]

that is because you have put them in 2 separate form tags....<form>

put both of them in between one form tag which you have with the attribute
<form name="abcd">

<div>
select box lb_1
</div>

<div>
select box lb_2
</div>

</form>

[stormrevolution]

cheers for all your help, you've been great.

Thanks again

Stephen Locksley

[khalidali63]

sweeeeet..

you are welcome..:D