Friday, September 25, 2009

Javascript open new window

To open a new window by using javascript we need to use window.open method. We can customize the window.open method as per the requirement.

Syntax:

window.open([URL], [Window Name], [Feature List], [Replace]);

Simple Example:

<a href="javascript:%20void(0)" onclick="window.open('popup.html', 'windowname1', 'width=200, height=77'); return false;">Click here for simple popup window</a>

This is a simple window.open method with minimum features included.

The features supported by the window.open method is:

Width --- Auto --- specifies width of the new window in pixels
height --- Auto --- height of the window in pixels
top --- Auto --- specifies window position
left --- Auto --- specifies window position
directories --- no--- should the directories bar be shown? (Links bar)
location --- no--- specifies the presence of the location bar
resizable --- no--- specifies whether the window can be resized.
menubar --- no--- specifies the presence of the menu bar
toolbar --- no--- specifies the presence of the toolbar
scrollbars --- no--- specifies the presence of the scrollbars
status --- no--- specifies the presence of the statusbar

Example when added the above features is:

<a href="javascript: void(0)"
onclick="window.open('popup.html',
'windowname2',
'width=200, \
height=77, \
directories=no, \
location=no, \
menubar=no, \
resizable=no, \
scrollbars=1, \
status=no, \
toolbar=no');
return false;">Click here for specific popup window</a>

2 comments:

  1. definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post."



    Web Design

    ReplyDelete
  2. "Hi, I Saw Your Link in Bing.com I Love Your Blogs Kindly See my Link Here a New Alternative Money Making Network alternative to adbrite here

    "

    ReplyDelete