Hi,

I've created a jump menu in HTML that works well except for one thing. When the person clicks on one of the options from the jump menu it open that document in the same window. I need it to open it in a new (blank) window. Here is the html code so far:

<form name="form1">
<select name="menu1" onChange="MM_jumpMenu('parent',this,1)">
<option selected>Select First Letter</option>
<option>---------------------</option>
<option value="company/a.html">A</option>
<option value="company/b.html">B</option>
<option value="company/c.html">C</option>
<option value="company/d.html">D</option>
<option value="company/e.html">E</option>
<option value="company/f.html">F</option>
<option value="company/g.html">G</option>
<option value="company/h.html">H</option>
<option value="company/i.html">I</option>
<option value="company/j.html">J</option>
<option value="company/k.html">K</option>
<option value="company/l.html">L</option>
<option value="company/m.html">M</option>
<option value="company/n.html">N</option>
<option value="company/o.html">O</option>
<option value="company/p.html">P</option>
<option value="company/q.html">Q</option>
<option value="company/r.html">R</option>
<option value="company/s.html">S</option>
<option value="company/t.html">T</option>
<option value="company/u.html">U</option>
<option value="company/v.html">V</option>
<option value="company/w.html">W</option>
<option value="company/x.html">X</option>
<option value="company/y.html">Y</option>
<option value="company/z.html">Z</option>
</select>
</form>

Anyone know what code i need to know to make each 'jump' into a brand new window?


Cheers

Marc

 

1. Stop using dreamweaver and use decent software like visual studio!

2. Post the rest of the code you need help with, namely the bit that says "function(MM_jumpMenu)"



this should work

<script language="JavaScript">
function surfto(form)
{
var myindex=form.dest.selectedIndex
if (form.dest.options[myindex].value != "0" )
{
window.open(form.dest.options[myindex].value, target="_blank");
}
}
</script>



<form name="form1">
<select name="menu1" onChange="surfto(this.form)">
<option selected>Select First Letter</option>
<option>---------------------</option>
<option value="company/a.html">A</option>
<option value="company/b.html">B</option>
<option value="company/c.html">C</option>
<option value="company/d.html">D</option>
<option value="company/e.html">E</option>
<option value="company/f.html">F</option>
<option value="company/g.html">G</option>
<option value="company/h.html">H</option>
<option value="company/i.html">I</option>
<option value="company/j.html">J</option>
<option value="company/k.html">K</option>
<option value="company/l.html">L</option>
<option value="company/m.html">M</option>
<option value="company/n.html">N</option>
<option value="company/o.html">O</option>
<option value="company/p.html">P</option>
<option value="company/q.html">Q</option>
<option value="company/r.html">R</option>
<option value="company/s.html">S</option>
<option value="company/t.html">T</option>
<option value="company/u.html">U</option>
<option value="company/v.html">V</option>
<option value="company/w.html">W</option>
<option value="company/x.html">X</option>
<option value="company/y.html">Y</option>
<option value="company/z.html">Z</option>
</select>
</form>

 

Thanks for your reply. I have tried the script that you have re-written but it errors.

The original <SCRIPT> code is:

function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}



Any ideas?


Marc

 

change this line:
<select name="menu1" onChange="MM_jumpMenu('parent',this,1)">

to:
<select name="menu1" onChange="MM_jumpMenu('_blank',this,1)">

 

That doesn't work, errors if you change that entry to _blank. I think that entry is so that if the user uses the back button - they can reselect the same option.

Any other ideas anyone?


Marc

 

try this one:


function MM_jumpMenu(targ,selObj,restore)
{ //v3.0
window.open(selObj.options[selObj.selectedIndex].value)
if (restore) selObj.selectedIndex=0;
}

 

hmmm....that doesn;t work either.

Think i'll give up. Thanks anyway

 

Slightly different:

<script language="JavaScript">
function surfto(dest) {
if(dest) {
window.open(dest);
}
}
</script>

<form name="form1">
<select name="menu1" onChange="surfto(this.options[this.selectedIndex].value)">
<option selected>Select First Letter</option>
<option>---------------------</option>
<option value="company/a.html">A</option>
<option value="company/b.html">B</option>
<option value="company/c.html">C</option>
<option value="company/d.html">D</option>
<option value="company/e.html">E</option>
<option value="company/f.html">F</option>
<option value="company/g.html">G</option>
<option value="company/h.html">H</option>
<option value="company/i.html">I</option>
<option value="company/j.html">J</option>
<option value="company/k.html">K</option>
<option value="company/l.html">L</option>
<option value="company/m.html">M</option>
<option value="company/n.html">N</option>
<option value="company/o.html">O</option>
<option value="company/p.html">P</option>
<option value="company/q.html">Q</option>
<option value="company/r.html">R</option>
<option value="company/s.html">S</option>
<option value="company/t.html">T</option>
<option value="company/u.html">U</option>
<option value="company/v.html">V</option>
<option value="company/w.html">W</option>
<option value="company/x.html">X</option>
<option value="company/y.html">Y</option>
<option value="company/z.html">Z</option>
</select>
</form>

 

Yep that works! Thanks alot

Marc