Saturday, October 31, 2009 method at a glance method is very good when we need some client scripting. Many people ask me why we the need of method we can you some others too for the purpose to open the popup windows.
In simple words, method is used when we need to open some popup messages or need some extra results for clients.

The syntax of the method is given below:
open (URL, windowName[, windowFeatures])

This is the URL of the page which open in the new window. It could be blank.
A name to be given to the new window. The name can be used to refer this window again.
It contains the various window features for the popup window i.e. status bar, address bar etc.
The following lines of code, open a new browser window with standard features : ("","MsDn Interview Questions");

Changing the features of the Popup

By using some stuff we can control the features of the popup.
The following code opens a window with a status bar and no extra features: ("","MsDn Interview Questions","status=1");
The code below opens a window with toolbar and status bar : ("","MsDn Interview Questions","status=1,toolbar=1"); 
 The following is the table tells the features :
statusThe status bar.
toolbarThe standard browser toolbar.
locationThe URL Location entry field.
menubarThe menu bar of the window
directoriesThe standard browser directory buttons.
resizableAllow/Disallow the user to resize the window.
scrollbarsEnable the scrollbars if the document is bigger than the window
heightSpecifies the height of the window in pixels.
widthSpecifies the width of the window in pixels.

Example :
The Code below opens a popup window when you enter the page:

<SCRIPT language="JavaScript">
function openBlank()
testwindow = ("", "mywindow", "location=1,status=1,scrollbars=1,width=100,height=100");
<body onload="javascript: openBlank()">
<H1>Open Blank Popup WIndow</H1>

Popup On Exit

The following code pops up a window when the user exits a page.

<title>Window Exit Alert
<SCRIPT language="JavaScript">
function exitAlert()
{ ("","mywindow1","status=1,width=350,height=150");
my_window.document.write('<H1>Exiting Window...
<body onunload="javascript: exitAlert()" >
<H1>Window Exit Alert</H1>

Opening same url in New window:


<title>Open Same window

<SCRIPT language="JavaScript">
function OpenMe()
var url = self.location;,"MySelf","left=20,top=20,width=500,height=500,toolbar=1,resizable=0");
<body >
<H1>Open Same window
Test code here: <a href="javascript:OpenMe();">Open Me
We can also open the current page in new window.

No comments:

Post a Comment