Drop Down Menu

by newport May 14th 2010, 12:50 am

I copied this code and changed the parts of it that I needed to. The only problem I have is everytime I click on one of the options it don't open in a new tab page.

Is this something that can be rectified easily.

Thanks for any help and suggestions

Newport

Code

<div id="EchoTopic">
<form name="jump2">
<select name="menu" onchange="location=document.jump2.menu.options[document.jump2.menu.selectedIndex].value;" value="GO">
<option value="">Quick Jump</option>
<option value="https://www.forumotion.com/">Forumotion</option>
<option value="https://help.forumotion.com/">Support Forum</option>

</select>
</form>
</div>

by kirk May 14th 2010, 4:20 am

well it is going to the page.. and fast for me too.
but yes it dose not open a new tab.. but if you hit the back arrow it will take you back to the page where the menu was.

i think because it's a jump box so that whats it's it jumps directly to the page.

i will pm rono and see if he knows how to get it to open in a separate tab.

by RoNo May 14th 2010, 10:25 am

Edit the onchange code to: onchange="window.open(this.options[this.selectedIndex].value,'_blank')"

Add style to change background and font color:
style="background-color:#FFFFD7;color:black"

Code:: <div id="EchoTopic"> <form name="jump2"> <select name="menu" style="background-color:#FFFFD7;color:black" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"> <option value="none">Quick Jump</option> <option value="http://www.forumotion.com/">Forumotion</option> <option value="http://help.forumotion.com/">Support Forum</option> </select> </form> </div>

Here's another form style...

You can add a button to open a new tab/window.
(example with colors & text)
Drop Down Menu Jumpbox01

Code:: <form name="jump2"> <select name="menu" style="background-color:#ffffd7;color:black"> <option value="http://www.forumotion.com/">Forumotion</option> <option value="http://help.forumotion.com/forum.htm">Support Forum</option> <option value="http://en.hitskin.com/">Hitskin</option> </select><input type="button" value="Go!" onclick="ob=this.form.menu;window.open(ob.options[ob.selectedIndex].value)"><br> <i>Jump to (select location)</i> </form>