jquery - Opening javascript popup window without address bar and title with height and width set in percentage according to scre

admin管理员组

文章数量:1277885

I want to open popup window using javascript with no title and address bar and also want to set its height and width in percentage according to screen resolution.How can i achieve this. I did this code;

 function popitup(url) {

        LeftPosition = (screen.width) ? (screen.width - 800) / 2 : 0;
        TopPosition = (screen.height) ? (screen.height - 700) / 2 : 0;
        var sheight = (screen.height) * 0.9;
        var swidth = (screen.width) * 0.8;          

        settings = 'height='+ sheight + ',width='+ swidth + ',top=' + TopPosition + ',left=' + LeftPosition + ',scrollbars=yes,resizable=yes,toolbar=no,status=no,menu=no, directories=no,titlebar=no,location=no,addressbar=no'

        newwindow = window.open(url, '', settings);
        if (window.focus) { newwindow.focus() }
        return false;
    }

but still i can see address and title bar.Is this is relative versions and type of browser?.If so how can i achieve these settings in latest versions of browser like IE9,Chrome,Firefox and safari?

I want to open popup window using javascript with no title and address bar and also want to set its height and width in percentage according to screen resolution.How can i achieve this. I did this code;

 function popitup(url) {

        LeftPosition = (screen.width) ? (screen.width - 800) / 2 : 0;
        TopPosition = (screen.height) ? (screen.height - 700) / 2 : 0;
        var sheight = (screen.height) * 0.9;
        var swidth = (screen.width) * 0.8;          

        settings = 'height='+ sheight + ',width='+ swidth + ',top=' + TopPosition + ',left=' + LeftPosition + ',scrollbars=yes,resizable=yes,toolbar=no,status=no,menu=no, directories=no,titlebar=no,location=no,addressbar=no'

        newwindow = window.open(url, '', settings);
        if (window.focus) { newwindow.focus() }
        return false;
    }

but still i can see address and title bar.Is this is relative versions and type of browser?.If so how can i achieve these settings in latest versions of browser like IE9,Chrome,Firefox and safari?

• javascript
• jquery
• asp
• popup

Share Improve this question Follow edited Nov 1, 2012 at 13:52 Piyush-Ask Any Difference 4,28655 gold badges5050 silver badges9494 bronze badges asked Nov 1, 2012 at 10:08 swapnilswapnil 8111 gold badge33 silver badges1010 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

For security reasons, this is not possible.

Check out http://www.codeproject./Questions/79625/How-to-hide-title-bar-in-Javascript-popup

You may use alternatives like modal dialogs which more appealing. Most JS libraries provide modal dialogs out of the box or by using plugins.

Is it supposed to be menu = no or menubar = no??

settings = 'width='+w+',height='+h+',top='+top+', left='+left+',menubar=no,resizable=no,scrollbars=yes,location=no,toolbar=no' worked fine for me.

本文标签：