Problem with drop down Menu form

liunx · Jan 10, 2008

Hello everyone, 
 
I have a simple problem that I'm not sure enough how to fix. The code below is for a drop down menu that consists of links used to navigate the webpage. 
 
Two main problems are occuring; the first simply is that the "go" button is no longer functioning, instead as soon as the name is clicked the page changes. While this is fine, it seems the first on the list "humans" doesn't want to open at all upon clicking it. I would be happy with a solution where the go button is functionable again, or is all together taken out. 
 
The second problem is my target tag. The page this code is on consists of a inline frame in which I'd like all the subpages to appear, however upon clicking the link it takes you to the page itself, and does not call it into the frame! 
 
Below this code I'll add the entire page's code so you may see the inline frame other other Html set up. 
 
 
<form><select name=select size="1" 
style="background-color:000000; 
font size:9pt; font-family:arial; 
color:ffffff" 
onchange="location.href=http://www.webdeveloper.com/forum/archive/index.php/ 
(form.select.options[form.select.selectedIndex].value)"> 
<option value="humans.htm" target="A">Humans</option> 
<option value="gargoyles.htm" target="A">Gargoyles</option> 
<option value="lycanthropes.htm" target="A">Lycanthropes</option> 
<option value="shades.htm" target="A">Shades</option> 
<option value="vampires.htm" target="A">Vampires</option> 
<option value="rules.htm" target="A">SL Rules</option> 
<option value="application.htm" target="A">Application</option> 
<option value="formgroup.htm" target="A">Group Form</option> 
<option value="roster.htm" target="A">Roster</option> 
<option value="MemberRooms.htm" target="A">Public Rooms</option> 
</select> 
<input type="button" onClick="location = 
document.gotolocation1.lissamenu1.options 
[document.gotolocation1.lissamenu1.selectedIndex].value;" 
value="Go"> 
</form></div> 
 
_____________________________ 
 
Entire Page: 
 
<title>World Domination // v. 2.o</title> 
 
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=12)"> 
 
<body bgcolor=#000000 background="bg1.jpg"> 
<style> 
a:link{color:#FFFFFF; font-size: 11px; font-family: arial;} 
a:visited{color:#FFFFFF; font-size: 11px; font-family: arial;} 
a:active{color:#808080; font-size: 11px; font-family: arial;} 
a:hover{color:#808080; font-size: 11px; font-family: arial; filter: fade;} 
</style> 
 
<center> 
<img src=http://www.webdeveloper.com/forum/archive/index.php/"banner.jpg"> 
<iframe src=http://www.webdeveloper.com/forum/archive/index.php/"intro.htm" width="60%" height="60%" name="A" frameborder="0"></iframe> 
 
 
<DIV align=center> 
 
<form><select name=select size="1" 
style="background-color:000000; 
font size:9pt; font-family:arial; 
color:ffffff" 
onchange="location.href=http://www.webdeveloper.com/forum/archive/index.php/ 
(form.select.options[form.select.selectedIndex].value)"> 
<option value="humans.htm" target="A">Humans</option> 
<option value="gargoyles.htm" target="A">Gargoyles</option> 
<option value="lycanthropes.htm" target="A">Lycanthropes</option> 
<option value="shades.htm" target="A">Shades</option> 
<option value="vampires.htm" target="A">Vampires</option> 
<option value="rules.htm" target="A">SL Rules</option> 
<option value="application.htm" target="A">Application</option> 
<option value="formgroup.htm" target="A">Group Form</option> 
<option value="roster.htm" target="A">Roster</option> 
<option value="MemberRooms.htm" target="A">Public Rooms</option> 
</select> 
<input type="button" onClick="location = 
document.gotolocation1.lissamenu1.options 
[document.gotolocation1.lissamenu1.selectedIndex].value;" 
value="Go"> 
</form></div> 
 
 
<embed src=http://www.webdeveloper.com/forum/archive/index.php/"ghost.mid" width=25 height=25 autostart=true repeat=true loop=true> 
 
I n c a r n a W o r k s 
s i n c e 2 0 0 0</div></body> 
 
If you'd like to look at the page itself the URL is below 
 
<a class="postlink" href="http://www.freewebs.com/emmster/testing.htm">http://www.freewebs.com/emmster/testing.htm</a> 
 
please note that its still under construction >.< obviously! 
 
Thank you for your time in reviewing this, its greatly appreciated. 
 
Sincerely, 
Fading ImageI've eliminated the "Go" button within the code, and found a trick way to ensure that each link is click-able. Mainly I just put a false first option that isn't needed for the purpose of the webpage! So now only one problem remains for this code (at least to make it functionable the way I'd like) and that is for the Target command to work! The pages are still not being called within the frame. The new code is below: 
 
<DIV align=center> 
 
<form><select name=select size="1" 
style="background-color:000000; 
font size:9pt; font-family:arial; 
color:ff0000" 
onchange="location.href =http://www.webdeveloper.com/forum/archive/index.php/ 
(form.select.options[form.select.selectedIndex].value)" > 
<option class="highlight" value="" Target="A">Select Page</option> 
<option class="highlight" value="intro.htm" Target="A">Introduction</option> 
<option class="highlight" value="humans.htm" Target="A">Humans</option> 
<option class="highlight" value="gargoyles.htm" Target="A">Gargoyles</option> 
<option class="highlight" value="lycanthropes.htm" Target="A">Lycanthropes</option> 
<option class="highlight" value="shades.htm" Target="A">Shades</option> 
<option class="highlight" value="vampires.htm" Target="A">Vampires</option> 
<option class="highlight" value="rules.htm" Target="A">SL Rules</option> 
<option class="highlight" value="application.htm" Target="A">Application</option> 
<option class="highlight" value="formgroup.htm" Target="A">Group Form</option> 
<option class="highlight" value="roster.htm" Target="A">Roster</option> 
<option class="highlight" value="MemberRooms.htm" target="A">Public Rooms</option> 
</select> 
 
</form></div> 
 
I've tried to move the "Target="A" tag to other places within the code >.>;; but so far its either had no affect, or its disabled the code all together. The places I attempted were: 
 
<form><select name=select size="1" 
style="background-color:000000; 
font size:9pt; font-family:arial; 
color:ff0000" 
onchange="location.href =http://www.webdeveloper.com/forum/archive/index.php/ 
(form.select.options[form.select.selectedIndex].value)" Target="A" > 
 
and 
 
<form><select name=select size="1" 
style="background-color:000000; 
font size:9pt; font-family:arial; 
color:ff0000" 
onchange="location.href Target="A"= 
(form.select.options[form.select.selectedIndex].value)" > 
 
Thanks for looking! hope to hear something possitive soon >.< 
 
Merci! 
 
Fading Image

Problem with drop down Menu form

liunx

Guest