2009-09-22 8 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

+1

http://stackoverflow.com/questions/172748/how-to-show-fullscreen-popup-window-in-javascript – rahul

답변

1

1) 대부분의 최신 브라우저 그래서 작업 그냥 사용할 수 없게됩니다, 팝업을 차단합니다.

2) 전체 화면 팝업을 열면 사용자 환경이 깔끔하게 침입합니다. 전체 화면으로 실행하려는 응용 프로그램 인 경우 사용자에게 F11 키에 대한 정보를 제공하는 메모를 포함하는 것이 좋습니다 (Windows Fx, IE의 경우)

+0

Firefox에서 전체 화면 팝업을 호출 할 수 있습니까? 나는 파이어 폭스가 전체 화면 모드를 지원하지 않는다고 생각한다. 아이디어가 있으십니까? 감사합니다. 응우 엔 – QuachNguyen

0

HTML5 전체 화면 API를 확인 했습니까?

document.body.requestFullscreen(); 

는 (공급 업체의 프리픽스를 잊지 마세요!)

을 브라우저 사용자가 전체 화면 모드 스스로를 입력하면 마찬가지로 전체 화면 팝업을 사용하거나 사용자를 묻는 메시지를 표시하도록 시도 할 수 있습니다를 지원하지 않는 경우.

관련 문제