Why won't this work??

A

autopost

Guest
Can anybody help me, i want to make a drop down navigation menu, what am i doing wrong? <br />
<br />
<BODY><br />
<br />
<P ALIGN="right"> Quick-Nav:<br />
<br />
<SELECT NAME="QuickNav" SIZE="1"><br />
<OPTGROUP LABEL="Client"><br />
<OPTION VALUE= <A HREF=http://www.webdeveloper.com/forum/archive/index.php/"sitemap.html" TARGET="MAIN">The Main Page</OPTION><br />
<OPTION VALUE= <A HREF=http://www.webdeveloper.com/forum/archive/index.php/"disclaimer.html" TARGET="MAIN">The Disclaimer</OPTION><br />
<OPTION VALUE= <A HREF=http://www.webdeveloper.com/forum/archive/index.php/"client.html" TARGET="MAIN">Technician Search</OPTION><br />
</OPTGROUP><br />
<br />
<OPTGROUP LABEL="Technician"><br />
<OPTION VALUE= <A HREF=http://www.webdeveloper.com/forum/archive/index.php/"register.html" TARGET="MAIN">Register</OPTION><br />
<OPTION VALUE= <A HREF=http://www.webdeveloper.com/forum/archive/index.php/"personnel.html" TARGET="MAIN">Log-In</OPTION><br />
</OPTGROUP><br />
</SELECT><br />
<br />
</BODY><br />
</HTML><!--content-->Why not try a form select box instead?<br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>Drop Down Navigation menu</TITLE><br />
<br />
<SCRIPT LANGUAGE="JavaScript"><br />
<br />
function dropDownMenu(form){<br />
var URL = document.form.site.options[document.form.site.selectedIndex].value;<br />
window.location.href = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/URL;">http://www.webdeveloper.com/forum/archi ... x.php/URL;</a><!-- m --><br />
}<br />
<br />
</SCRIPT><br />
<br />
</HEAD><br />
<br />
<BODY> <br />
<br />
<P ALIGN="right"> Quick-Nav: <br />
<br />
<form name="form"><br />
<select name="site" size=1><br />
<option value="">Go to....<br />
<option value="http://www.yahoo.com">Yahoo<br />
<option value="http://www.cnn.com">CNN<br />
<option value="forums.webdeveloper.com">Web Dev Forums<br />
</select><br />
<input type=button value="Go!" onClick="javascript:dropDownMenu(this)"><br />
</form><br />
<br />
</BODY> <br />
</HTML><br />
<br />
<br />
<br />
Havik<!--content-->thankyou for your help havik, that's great! Cheers<!--content-->Here's a better version already designed to meet your needs:<br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>Drop Down Navigation menu</TITLE><br />
<br />
<SCRIPT LANGUAGE="JavaScript"><br />
<br />
function dropDownMenu(form)<br />
{<br />
var URL = document.form.site.options[document.form.site.selectedIndex].value;<br />
<br />
if(URL != "client" && URL != "technician")<br />
{<br />
window.location.href = <!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/URL;">http://www.webdeveloper.com/forum/archi ... x.php/URL;</a><!-- m --><br />
}<br />
}<br />
<br />
</SCRIPT><br />
<br />
</HEAD><br />
<br />
<BODY> <br />
<br />
<P ALIGN="right"> Quick-Nav: <br />
<br />
<form name="form"><br />
<select name="site" size=1 onChange="javascript:dropDownMenu(this)"><br />
<option value="client">Client<br />
<option value="sitemap.html">The Main Page<br />
<option value="disclaimer.html">The Disclaimer<br />
<option value="client.html">Technician Search<br />
<option value="technician">Technician<br />
<option value="register.html">Register<br />
<option value="personnel.html">Log-In<br />
</select><br />
</form><br />
<br />
</BODY> <br />
</HTML><br />
<br />
<br />
Havik<!--content-->How about this one:<br />
<br />
<form><br />
<select onChange="top.location = this.options[this.selectedIndex].value;"><br />
<OPTION VALUE= "sitemap.html">The Main Page</OPTION> <br />
<OPTION VALUE= "disclaimer.html">The Disclaimer</OPTION> <br />
<OPTION VALUE="client.html">Technician Search</OPTION><br />
</select><br />
</form><!--content-->
 
You must log in or register to reply here.
Back
Top