marcmann

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

SJ_Skyline

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>

marcmann

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

SJ_Skyline

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

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

marcmann

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

SJ_Skyline

try this one:


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

marcmann

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

Think i'll give up. Thanks anyway

legacyPete

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>

marcmann

Yep that works! Thanks alot

Marc