2009-09-22 102 views
1

我想用JavaScript顯示全屏幕彈出窗口?我使用下面的代碼,但它不適用於Firefox和Opera瀏覽器。如何使用JavaScript顯示全屏幕彈出窗口?

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

我將不勝感激幫助,

+1

哇,這聽起來不會令人討厭! – Evernoob 2009-09-22 10:41:33

+1

http://stackoverflow.com/questions/172748/how-to-show-fullscreen-popup-window-in-javascript – rahul 2009-09-22 10:42:47

回答

1

1)大多數現代瀏覽器阻止彈出式窗口,讓你的工作將只被禁用。

2)打開全屏幕彈出窗口,公然侵入用戶環境。如果是想要全屏運行的應用程序,最好包含一條便箋以向用戶介紹F11鍵(在Windows Fx,IE上)

+0

是否有可能在Firefox中調用全屏彈出窗口?我認爲Firefox不支持全屏模式。 有什麼想法? 謝謝, Nguyen – QuachNguyen 2009-09-23 02:06:56

0

您是否檢查過HTML5全屏API?

document.body.requestFullscreen(); 

(不要忘了供應商作爲前綴!)

如果瀏覽器不支持的話,你可以嘗試爲你使用全屏彈出窗口或者只是提示用戶進入全屏模式本身。