没有菜单/网址/标题栏/滚动条/任何内容的javascript打开弹出窗口

Question

i have to open a popup window, i use this code:

window.onbeforeunload = function(){

var windowincass = window.open('../Common/DomandaGenerica.jsp','domandagenerica','url=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,scrolling=no,resizable=no,width=300,height=200,marginwidth=0,marginheight=0,frameborder=0');
}

the windwow opens but it has the menù, url and others.

How can i fix it?

for example i want something like this:

http://i.imgur.com/4fi8T.png

but i got something like that:

http://www.ajaxshake.com/public/usersFiles/main/ajax-example-windows-aero-style46_user_1_a3e5a.jpg

i have to use IE 9.

Answer 1

If you want a popup like in the first picture, you have to use a html element with basically following css properties, which shows up, when the Popup should be triggered.

CSS

position: absolute;
z-index: 9999;

It is not possible to change the Styles of the operating system with Javascript in all common browsers. And that is what you are trying to do, if you want to hide the title-bar, menu and so on...

Also have a look at:

• How to code a JavaScript modal popup (to replace Ajax)?
• http://blog.raventools.com/create-a-modal-dialog-using-css-and-javascript/

This corresponds to your purpose.

Answer 2

You are looking to open a overlay popup. For that, I suggest you use some JavaScript library.

jQueryUI dialog is one potential candidate. But there are many more:

• http://www.freshdesignweb.com/jquery-javascript-popup-window.html
• http://codegeekz.com/jquery-modal-plugins/

window.open() will open new browser instance, and now it's almost always frowned upon. However, even with that you can control the appearance of the popup window to a certain extent by passing in WindowFeatures parameter as explained here (menubar, and status settings can be particularly helpful to you):

https://developer.mozilla.org/en-US/docs/Web/API/Window.open#Position_and_size_features