Flash中開啟全屏的視窗

來源:互聯網
上載者:User

難度: 中級
軟體環境: Flash 4 or 5, NS or IE 4 or higher.

我們在這個例子中有很多的需求,但是我不是一個JAVACSCRIPT程式員,所以我請人在網頁中實現這一效果。大多數人覺得全屏很煩人,所以我們總結出一條經驗:決不 在大家不需要全屏的時候實現它,因為這樣做很煩人,不是嗎?那好,我們繼續。

我們要將這些代碼拷貝粘貼到我們的HTML檔案中。我對這段代碼做了細微的改動以允許我們實現這一功能。

我接到的許多郵件中經常包含以下兩個常見的錯誤:

  • 在FLASH中發布HTML檔案的時候,會將之前的HTML檔案中的內容覆蓋,因此要先發布HMTL檔案,再粘貼代碼。
  • 如果沒有效果,清除一下IE中的臨時檔案。
  • 如果你使用蘋果的瀏覽器請查看頁面最下面的附註。

你需要做兩步簡單的步驟以實現彈出全屏視窗:

  1. 拷貝並粘貼下列代碼到HMTL檔案中的<head>和</head>標籤之間(你FLASH產生的HTML檔案)

    <script language="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(){

    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 = 'oldbrowser.html';
    } else {
    var winWidth = screen.availWidth - adjWidth;
    var winHeight = screen.availHeight - adjHeight;
    var winSize = 'width=' + winWidth + ',height=' + winHeight;
    var thewindow = window.open('windowversion.html', 'WindowName', winSize);
    thewindow.moveTo(0,0);
    }
    }

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


    </script>


  2. 改變如下兩行的HTML檔案為你想要彈出的視窗。
    var thewindow = window.open('windowversion.html', 'WindowName', winSize); -- line 50
    and
    window.open('thefullscreen.html','windowname','fullscreen=yes'); -- line 56
  3. 改變下面的檔案是提示你瀏覽器版本過舊的問題。(譯者:基本沒什麼用,不用理它)
    self.location.href = 'oldbrowser.html'; -- line 46
  4. 建立一個按鈕在你的FLASH檔案中,並加入如下的ACTION:
    on (release) {
    getURL ("javascript:MakeItSo()");
    }

注意一下,我們需要彈出的全屏的視窗是在JAVASCRIPT中實現的。如果你需要實現按不同的按鈕通過定義變數實現不同視窗的全屏,這篇教程就寫不下了,如果你需要,到論壇來,我們會幫解決。

附錄:

如何?不帶捲軸的全屏效果,很簡單,將捲軸設定為無,如下:

<body bgcolor="#FFFFFF" text="#000000" scroll='no'>


相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。