jump menu to open window of specified size

snappy · June 26th, 2009, 04:10 PM

I have a dropdown jump menu which I want to take the user to a new window of a specified size.

I'm using the following code in my head

Code:

<script type="text/javascript">
<!--

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

and the following in my body

HTML Code:

 <form>
<select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('window.open()',this,0)">
      <option value="../thisplace.html">visit this place</option>
<option value="../thatplace.html">visit that place</option>
<option value="../otherplace.html">visit other place</option>
</select>
</form>

Can anyone tell me where I should put the parameters for the size and features of the newly opened window?

cheers everybody
snappy

Dubbs · June 26th, 2009, 05:36 PM

Why reinvite the wheel? Why not use window.open function that is already built into JavaScript?

Code:

 <form>
<select name="jumpMenu" id="jumpMenu" onchange="window.open('this.value','width=400,height=200')">
      <option value="../thisplace.html">visit this place</option>
<option value="../thatplace.html">visit that place</option>
<option value="../otherplace.html">visit other place</option>
</select>
</form>

That should open a new windows with the size being 400 pixels wide and 200 pixels tall.

snappy · June 29th, 2009, 07:46 AM

Sorry, can you expand?
Browser now looks for "this.value" rather than the new web page.
I'm guessing I need some more code somewhere!

thanks

snappy · June 29th, 2009, 08:13 AM

and another question on this: *sorry*
This 'pop-up' window is linked from twenty items on a menu.
There is a problem when selecting a second menu item in the same smaller window as it disappears behind the main window once you click back there again and when the user selects a new second menu item it is hidden behind the main window.
Once the new small window opens is there a way to close it automatically when the user clicks back on the main page or to open another new window when user selects a different menu item?

Dubbs · June 30th, 2009, 11:31 AM

Sorry the code should be

Code:

<form>
<select name="jumpMenu" id="jumpMenu" onchange="window.open(this.value,'width=400,height=200', 'child')">
      <option value="../thisplace.html">visit this place</option>
<option value="../thatplace.html">visit that place</option>
<option value="../otherplace.html">visit other place</option>
</select>
</form>

I have tested it with FF on Ubuntu and it works.

As for your second question, I was not able to do it with window.close(). What you maybe able to do is just name the window, that way when someone chooses the next option it updates the window with the new page. The code above does just that.

snappy · July 2nd, 2009, 03:01 PM

Quote:

Originally Posted by Dubbs

Code:

<form>
<select name="jumpMenu" id="jumpMenu" onchange="window.open(this.value,'width=400,height=200', 'child')">
      <option value="../thisplace.html">visit this place</option>
<option value="../thatplace.html">visit that place</option>
<option value="../otherplace.html">visit other place</option>
</select>
</form>

I have tested it with FF on Ubuntu and it works.

As for your second question, I was not able to do it with window.close(). What you maybe able to do is just name the window, that way when someone chooses the next option it updates the window with the new page. The code above does just that.

That code above simply changes the content of the original 'popup' window so still stays behind the main page which is one of the problems I'm trying to solve.... or am I missing something here?
thanks