How to show full screen popup with JavaScript?

Question

Dear all,

I would like to show full screen popup with JavaScript? I use this code below but it isn't works on Firefox and Opera browser.

function detectVersion()
{
    version = parseInt(navigator.appVersion);
    return version;
}

function detectOS()
{
    if (navigator.userAgent.indexOf('Win') == -1) {
        OS = 'Macintosh';
    } else {
        OS = 'Windows';
    }
    return OS;
}

function detectBrowser()
{
    if (navigator.appName.indexOf('Netscape') == -1) {
        browser = 'IE';
    } else {
        browser = 'Netscape';
    }
    return browser;
}

function FullScreen(url){

    var adjWidth;
    var adjHeight;

    if ((detectOS() == 'Macintosh') && (detectBrowser() == 'Netscape')) {
        adjWidth = 20;
        adjHeight = 35;
    }
    if ((detectOS() == 'Macintosh') && (detectBrowser() == 'IE')) {
        adjWidth = 20;
        adjHeight = 35;
        winOptions = 'fullscreen=yes';
    }
    if ((detectOS() == 'Windows') && (detectBrowser() == 'Netscape')) {
        adjWidth = 30;
        adjHeight = 30;
    }
    if (detectVersion() < 4) {
        self.location.href = url;
    } else {
        var winWidth = screen.availWidth - adjWidth;
        var winHeight = screen.availHeight - adjHeight;
        var winSize = 'width=' + winWidth + ',height=' + winHeight;
        var thewindow = window.open(url, 'WindowName', winSize);
        thewindow.moveTo(0,0);
    }
}

function MakeItSo(url){
    if ((detectOS() == 'Windows') && (detectBrowser() == 'IE')) {
        window.open(url,'windowname','fullscreen=yes');
    } else {
        onload=FullScreen();
    }
}

I would appreciate help,

Nguyen

Answer 1

1) most modern browsers block popups, so your work will just be disabled.

2) opening a full screen popup blatantly invades the users environment. If it's an application that you want to run full screen, it would be better to include a note to educate your users about the F11 key (on windows Fx, IE)