Problem in opening a new Window by using window.open

As a javascript user, we all know about window.open which opens a new window. The syntax of window.open is

window.open(URL,name,specs,replace);
where,
URL Optional. Specifies the URL of the page to open. If no URL is specified, a new window with about:blank is opened
name

Optional. Specifies the target attribute or the name of the window. The following values are supported:

  • _blank - URL is loaded into a new window. This is default
  • _parent - URL is loaded into the parent frame
  • _self - URL replaces the current page
  • _top - URL replaces any framesets that may be loaded
  • name - The name of the window
specs

Optional. A comma-separated list of items. The following values are supported:

channelmode=yes|no|1|0 Whether or not to display the window in theater mode. Default is no
directories=yes|no|1|0 Whether or not to add directory buttons. Default is yes
fullscreen=yes|no|1|0 Whether or not to display the browser in full-screen mode. Default is no. A window in full-screen mode must also be in theater mode
height=pixels The height of the window. Min. value is 100
left=pixels The left position of the window
location=yes|no|1|0 Whether or not to display the address field. Default is yes
menubar=yes|no|1|0 Whether or not to display the menu bar. Default is yes
resizable=yes|no|1|0 Whether or not the window is resizable. Default is yes
scrollbars=yes|no|1|0 Whether or not to display scroll bars. Default is yes
status=yes|no|1|0 Whether or not to add a status bar. Default is yes
titlebar=yes|no|1|0 Whether or not to display the title bar. Ignored unless the calling application is an HTML Application or a trusted dialog box. Default is yes
toolbar=yes|no|1|0 Whether or not to display the browser toolbar. Default is yes
top=pixels The top position of the window
width=pixels The width of the window. Min. value is 100

replace

 

Optional.Specifies whether the URL creates a new entry or replaces the current entry in the history list. The following values are supported:

  • true - URL replaces the current document in the history list
  • false - URL creates a new entry in the history list

How do you use it in a hyperlink?

If we use it in the following way,

<a href='javascript:window.open("http://nazmulweb.com", "MyPage","menubar=0,width=400,height=400");'>Click to open a new Window</a>
Try this,
Click to open a new Window

It opens a popup window and replace the current window with a text [object] with white background in Internet Explorer. In Firefox, it opens a popup window and replace the current window with a text [object Window] with white background .

If you place your javascript in huyperlink's "href" attribute, the behavior will be adjactly the same. To overcome the situation, what you can do is,

<a href='javascript:void(0);' onclick='window.open("http://nazmulweb.com", "MyPage","menubar=0,width=400,height=400");'>Click to open a new Window</a>
Try this,
Click to open a new Window

Hope this code works for you.


No  Responses to "Problem in opening a new Window by using window.open"

Leave a Reply