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> </p>
</body>
</html>
Related examples in the same category