Javascript popup window is the small window which is created by javascript.
The syntax for javascript popup window is given below:
window.open(url, name, [windowFeatures])
where
url: The url of the page to open in the new window.
name: A name is the name of the window.
windowFeatures: They are the parameters which determines the various features of window to be included in the popup window like status bar, address bar,width,height, etc.
The table shows the features and the string tokens you use:
status The status bar at the bottom of the window.
toolbar The standard browser toolbar, with buttons such as Back and Forward.
location The Location entry field where you enter the URL.
menubar The menu bar of the window
directories The standard browser directory buttons, such as What’s New and What’s Cool
resizable Allow/Disallow the user to resize the window.
scrollbars Enable the scrollbars if the document is bigger than the window
height Specifies the height of the window in pixels. (example: height=’350′)
width Specifies the width of the window in pixels.
Simple example of javascript popup window
Code:
<html>
<head>
<script type=”text/javascript”>
function popUp(url,name)
{
testwindow = window.open(url, name, “location=1,status=1,scrollbars=1,width=300,height=200″);
testwindow.moveTo(0, 0);
}
</script>
</head>
<body>
<a href=”" onClick=”popUp(‘counter.php’,'Pop up Window’)” > Click here</a>
<body>
</html>
In above code, we have used window.moveTo function to move the popup window to a desired location.
The syntax for javascript popup window is given below:
window.open(url, name, [windowFeatures])
where
url: The url of the page to open in the new window.
name: A name is the name of the window.
windowFeatures: They are the parameters which determines the various features of window to be included in the popup window like status bar, address bar,width,height, etc.
The table shows the features and the string tokens you use:
status The status bar at the bottom of the window.
toolbar The standard browser toolbar, with buttons such as Back and Forward.
location The Location entry field where you enter the URL.
menubar The menu bar of the window
directories The standard browser directory buttons, such as What’s New and What’s Cool
resizable Allow/Disallow the user to resize the window.
scrollbars Enable the scrollbars if the document is bigger than the window
height Specifies the height of the window in pixels. (example: height=’350′)
width Specifies the width of the window in pixels.
Simple example of javascript popup window
Code:
<html>
<head>
<script type=”text/javascript”>
function popUp(url,name)
{
testwindow = window.open(url, name, “location=1,status=1,scrollbars=1,width=300,height=200″);
testwindow.moveTo(0, 0);
}
</script>
</head>
<body>
<a href=”" onClick=”popUp(‘counter.php’,'Pop up Window’)” > Click here</a>
<body>
</html>
In above code, we have used window.moveTo function to move the popup window to a desired location.
Comments
Post a Comment