-Regular secondary window
Regular secondary window
This is similar to using the target="_new" attribute inside a link, except you get to customize virtually every aspect of the window. The basic command is:
You can configure how this window will appear, by inserting one or more of the below keywords into the method's 3rd parameter:
//window with dimensions 400x400
window.open("http://www.yahoo.com","","menubar=1") //window with nothing EXCEPT menubar
window.open("http://www.yahoo.com","","resizable=1,scrollbars=1") //window with scrollbars, resizable
Below I show how to launch a window with dimensions 500x400 and nothing but the status bar through a button:
<form><input type="button" onClick="loadwindow()" value="Load Window"></form>
"status=1" tells the method to display the status bar; "1" is the computer equivalent of "yes".
Manipulating the window
Allow me at this point to deviate a bit from the main topic and discuss a few things you can do to a window once its opened. How would you like to use scripting to reload or close a window, even move it around? Thanks to a variety of window methods, you can!
-window.location.reload() //reloads window
-window.close() //closes window
-window.moveTo(x,y) //moves window to specified location
-window.moveBy(x,y) //moves window by specified offset
-window.resizeTo(x,y) //resizes window to specified dimensions
-window.resizeBy(x,y) //resizes window by specified amount
To use these methods on the current window, simply call them as is on the page. You can also use them on the opened window, by following these two steps:
Step 1: When opening a window, assign a variable to it:
Step 1: Use this variable to reference the opened window, then apply the desired method on it:
mywin.location.reload //reload mywin
mywin.moveTo(0,0) //positions window at upper left corner of monitor
Ok, getting back on track...
Modal windows are a fun Internet Explorer specific feature. The window sits "focused" on the page until the user clicks on the close button. The window does not go into the background no matter what (for example, clicking on the main window).
Notice how I use dialogWidth and dialogHeight to specify the window's dimension. You also need to specify the unit, which in this case I use px.
Another illustration of a DHTML window is Scott Andrew's DOM window.