New Window Laboratory : Window « Window Browser « JavaScript DHTML






New Window Laboratory

  
<HTML>
<HEAD>
<TITLE>window.open() Options</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function makeNewWind(form) {
    var attr = "HEIGHT=300,WIDTH=300"
    for (var i = 0; i < form.elements.length; i++) {
        if (form.elements[i].type == "checkbox") {
            attr += "," + form.elements[i].name + "=" 
            attr += (form.elements[i].checked) ? "yes" : "no"
        }
    }
    var newWind = window.open("http://www.java2s.com","subwindow",attr)
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<B>Select new window options:</B>
<TABLE>
<TR>
    <TD COLSPAN=2>All Browsers Features:</TD>
</TR>
<TR>
    <TD><INPUT TYPE="checkbox" NAME="toolbar">toolbar</TD>
    <TD><INPUT TYPE="checkbox" NAME="location">location</TD>
</TR>
<TR>
    <TD><INPUT TYPE="checkbox" NAME="directories">directories</TD>
    <TD><INPUT TYPE="checkbox" NAME="status">status</TD>
</TR>
<TR>
    <TD><INPUT TYPE="checkbox" NAME="menubar">menubar</TD>
    <TD><INPUT TYPE="checkbox" NAME="scrollbars">scrollbars</TD>
</TR>
<TR>
    <TD><INPUT TYPE="checkbox" NAME="resizable">resizable</TD>
    <TD><INPUT TYPE="checkbox" NAME="copyhistory">copyhistory</TD>
</TR>
<TR>
    <TD COLSPAN=2 ALIGN="middle"><INPUT TYPE="button" NAME="forAll" 
    VALUE="Make New Window" onClick="makeNewWind(this.form)"></TD>
</TR>
</TABLE>
<BR>
</FORM>
</BODY>
</HTML>



           
         
    
  








Related examples in the same category

1.Make a new window
2.Communicating with a New Window
3.Using the window.close() Method to Close a Browser Window
4.Popup window animation (fly across screen)
5.Hyper link to close window
6.Close window and open document in new window
7.Open a new link from a button
8.Open a new window and control its appearance
9.Open multiple windows at one click
10.Resize a window
11.Resize a window to a specified size
12.Scroll the window
13.Creating an always Raised Window
14.Window Property Picker
15.Window Resize, motion, maximize
16.Creating a New Window
17.Window Resize Methods
18.Window focus and blur()
19.Opening and Closing Windows
20.Opening a New Window
21. A Main Window Document
22.References to Window Objects
23.Simple Notification: Display Window Info
24.Properties and Methods of the Window Object
25.Capturing Click Events in the Window
26.Contents of a Main Window Document That Generates a Second Window
27.Setting Window Height and Width(Firefox)
28. Checking Before Closing a Window
29.Open a window and center it
30.Maximize Window for different browser
31.Scroll Window
32.Preventing a Page from Scrolling
33.Open a new window setting height, width and position
34.Move a window
35.To hide JavaScript errors from the user
36.Using document.write() on the Current Window
37.Using document.write() on Another Window