Mega Code Archive

 
Categories / JavaScript DHTML / Window Browser
 

Opening and Closing Windows

/* JavaScript Unleashed, Third Edition by Richard Wagner and R. Allen Wyke  ISBN: 067231763X Publisher Sams CopyRight 2000 */ <html> <head> <title>Window Open</title> <SCRIPT LANGUAGE="JavaScript"> <!--      var newWindow          // Open Window based on user defined attributes     function openWindow() {               // Build the windowFeatures parameter list           var winAtts = ""           if (document.winOptions.toolbarOption.checked) {                winAtts += "toolbar=1," }           if (document.winOptions.menubarOption.checked) {                winAtts += "menubar=1," }           if (document.winOptions.scrollbarsOption.checked) {                winAtts += "scrollbars=1," }           if (document.winOptions.resizableOption.checked) {                winAtts += "resizable=1," }           if (document.winOptions.statusOption.checked) {                winAtts += "status=1," }           if (document.winOptions.locationOption. checked) {                winAtts += "location=1," }           if (document.winOptions.directoriesOption.checked) {                winAtts += "directories=1," }           if (document.winOptions.copyHistoryOption.checked) {                winAtts += "copyhistory=1," }           if (document.winOptions.customSizeOption.checked) {                winAtts += "height=" + document.winOptions.heightBox.value + ","                winAtts += "width=" + document.winOptions.widthBox.value + ","           }           winAtts = winAtts.substring(0, winAtts.length-2)               // Determine URL and show window           if (document.winOptions.pageType[1].checked) {                var urlVar = ""                urlVar = document.winOptions.urlBox.value                newWindow = window.open(urlVar,"newWindow",winAtts) }           else {                newWindow = window.open("","newWindow",winAtts)                newWindow.document.write("<H1>Window Open Test</H1><p>")           }      }          // Close Window      function closeWindow() {           newWindow.close()      } // --></SCRIPT> </head>     <body > <h1><font color="#008040">Window Open Example</font></h1> <p><i><b>Please select the following display options and then click the Open Window button. </i></B></p> <form name="winOptions" method="POST"> <p>Would you like an existing page or one created on the fly?</p> <input      type=radio      checked      name="pageType"      value="existing">Existing Page      <input           type=text           size=30           maxlength=256           name="urlBox"></p>      <input           type=radio           name="pageType"           value="dynamic">Dynamic Page</p> <hr> <p>Window Attributes:</p> <pre><input      type=checkbox      name="toolbarOption"      value="ON"      >Toolbar    <input      type=checkbox      name="menubarOption"      value="ON">Menubar    <input      type=checkbox      name="scrollbarsOption"     value="ON">Scrollbars   <input      type=checkbox      name="resizableOption"      value="ON">Resizable</pre> <pre><input      type=checkbox      name="statusOption"      value="ON">Status     <input      type=checkbox      name="locationOption"      value="ON">Location   <input      type=checkbox name="directoriesOption"      value="ON">Directories  <input      type=checkbox name="copyHistoryOption"      value="ON">Copy History</pre> <pre><input      type=checkbox      name="customSizeOption"      value="ON">Custom Size</pre> <pre>Width: <input      type=text      size=5      maxlength=5      name="widthBox">  Height: <input      type=text      size=5      maxlength=5      name="heightBox">               <input      type="button"      name="OpenButton"      value="Open Window"      onClick="openWindow()">  <input      type="button"      name="CloseButton"      value="Close Window"      onClick="closeWindow()"></pre> </form> <p>&nbsp;</p> </body> </html>