Comment afficher le pop-up plein écran avec JavaScript?

Question

Je voudrais montrer le popup plein écran avec JavaScript? J'utilise ce code ci-dessous mais il ne fonctionne pas sur Firefox et Opera.

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(); 
    } 
} 

Je vous serais reconnaissant de l'aide,

Nguyen

Answer 1

1 bloc) les navigateurs les plus modernes popups, de sorte que votre travail sera simplement désactivé. 2) ouvrir un popup plein écran envahit ouvertement l'environnement des utilisateurs. Si c'est une application que vous voulez exécuter en plein écran, il serait préférable d'inclure une note pour éduquer vos utilisateurs sur la touche F11 (sur Windows Fx, IE)

Answer 2

Avez-vous vérifié l'API fullscreen HTML5?

document.body.requestFullscreen(); 

(Ne pas oublier les fournisseurs de préfixe!)

Si le navigateur ne supporte pas que vous pouvez essayer d'utiliser en plein écran popups comme vous le faites ou tout simplement inviter votre utilisateur pour passer en mode plein écran eux-mêmes.