Opening and Closing Windows : Window : Window Browser JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Window Browser » Window »

 

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>

           
       



-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Window Browser
» Window