Skip to main content

Javascript popup window

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.

Comments

Popular posts from this blog

CSS List

CSS allows you to customize the lists that can be made with HTML  to the extent that even images can be used as bullet points for unordered lists. CSS List Style Type If you want to use something different from the default numbering of ordered lists, or the bullets/discs of unordered lists, then all you have to do is choose a different style for your lists. CSS allows you to select from a wide variety of different list item shapes. Unordered list styles: square, circle, disc (default), and none Ordered list styles: upper-alpha, lower-alpha, upper-roman, lower-roman, decimal (default), and none Code:

Accessible Forms

Forms aren't the easiest of things to use for people with disabilities. Navigating around a page with written content is one thing, hopping between form fields and inputting information is another. Because of this, it is a good idea to add a number of elements to the form. Labels Each form field should have its own label. The label tag sorts this out, with a for attribute that associates it to a form element:

Join in MySQL

Join clause is used to combine rows from two or more tables depending upon common field between them. There are different kinds of Joins. The most common and useful Join is Inner Join. Inner Join: It will return all rows from multiple tables where the condition is met.