技術(shù)領(lǐng)域

本發(fā)明涉及一種呈現(xiàn)外掛程序頁(yè)框于網(wǎng)頁(yè)瀏覽器的方法、計(jì)算機(jī)可讀取記錄媒體及計(jì)算機(jī)程序產(chǎn)品，特別涉及一種外掛程序頁(yè)框不會(huì)遮蓋網(wǎng)頁(yè)元件的方法、計(jì)算機(jī)可讀取記錄媒體及計(jì)算機(jī)程序產(chǎn)品。

背景技術(shù)

外掛程序(plugin)是一些程序，用來(lái)替應(yīng)用程序增加功能，常見(jiàn)的有游戲、網(wǎng)頁(yè)瀏覽器和媒體播放器外掛程序。在現(xiàn)有技術(shù)中，Internet?Explorer瀏覽器、Netscape瀏覽器、Mozilla?Suite與Mozilla?Firefox瀏覽器、Opera瀏覽器等都允許用戶使用外掛程序，以增強(qiáng)瀏覽器功能。

通過(guò)外掛程序，可以連結(jié)瀏覽器以及第三方(third-party)程序，而將第三方程序的視窗鑲嵌在瀏覽器的視窗中，讓網(wǎng)頁(yè)設(shè)計(jì)者可以從瀏覽器中呼叫不同的程序并且整合在同一網(wǎng)頁(yè)中。一般瀏覽器中最常安裝的外掛程序有Macromedia?Flash播放器和Java運(yùn)行時(shí)刻環(huán)境(JRE)等；另外還有使瀏覽器能調(diào)用Adobe?Acrobat的外掛程序、RealPlayer的外掛程序等。

然而，在現(xiàn)有技術(shù)中，若瀏覽器的外掛程序本身沒(méi)有支持特定瀏覽器的視窗透明(window?transparent)功能時(shí)，外掛程序所呈現(xiàn)的內(nèi)容便會(huì)遮蓋住原本應(yīng)該呈現(xiàn)外掛程序上面的HTML元件而造成使用者使用上的不便。

例如，如圖1所示，瀏覽器100上呈現(xiàn)的外掛程序110因?yàn)楸旧聿恢С譃g覽器100的視窗透明功能，因此外掛程序110所呈現(xiàn)的內(nèi)容便會(huì)遮蓋住原本應(yīng)該呈現(xiàn)在外掛程序110上面的HTML元件120的部分內(nèi)容，使得使用者無(wú)法點(diǎn)選或?yàn)g覽該部分內(nèi)容，而造成使用者使用上的不便。

雖然上述問(wèn)題可通過(guò)使外掛程序支持瀏覽器的視窗透明功能而解決，但目前市面上有許多不同的瀏覽器(例如Internet?Explorer瀏覽器、Netscape瀏覽器、Firefox瀏覽器、Opera瀏覽器等)，外掛程序的設(shè)計(jì)者必需使其外掛程序支持各種瀏覽器的視窗透明功能，才能完全解決外掛程序遮蓋住HTML元件的問(wèn)題。如此，將增加外掛程序設(shè)計(jì)者的設(shè)計(jì)難度。

因此，有必要提供一種新的外掛程序呈現(xiàn)方法，而能在外掛程序不支持視窗透明功能的情況下，仍不會(huì)遮蓋住原本應(yīng)該呈現(xiàn)在外掛程序上面的HTML元件的內(nèi)容，以解決現(xiàn)有技術(shù)所存在的問(wèn)題。

發(fā)明內(nèi)容

鑒于現(xiàn)有技術(shù)所存在的問(wèn)題，本發(fā)明提供一種呈現(xiàn)外掛程序頁(yè)框于網(wǎng)頁(yè)瀏覽器的方法；可執(zhí)行此方法的計(jì)算機(jī)可讀取記錄媒體及計(jì)算機(jī)程序產(chǎn)品。

本發(fā)明的方法包括以下步驟：當(dāng)該網(wǎng)頁(yè)瀏覽器的一網(wǎng)頁(yè)被開(kāi)啟或該網(wǎng)頁(yè)內(nèi)容更動(dòng)時(shí)，建構(gòu)各個(gè)網(wǎng)頁(yè)元件；判斷各個(gè)網(wǎng)頁(yè)元件是否為一外掛程序頁(yè)框；若是，則取得各個(gè)外掛程序頁(yè)框的一相關(guān)數(shù)據(jù)；將需呈現(xiàn)的各個(gè)網(wǎng)頁(yè)元件由下層至上層排列，以產(chǎn)生一呈現(xiàn)列表；取得一遮罩區(qū)域，其中該遮罩區(qū)域?yàn)楦鱾€(gè)網(wǎng)頁(yè)元件與其下層重疊的各個(gè)外掛程序頁(yè)框交集的區(qū)域；取得一無(wú)遮罩區(qū)域，其中該無(wú)遮罩區(qū)域?yàn)楦鱾€(gè)網(wǎng)頁(yè)元件與其上層各個(gè)外掛程序頁(yè)框交集的區(qū)域；根據(jù)該相關(guān)數(shù)據(jù)、該遮罩區(qū)域及該無(wú)遮罩區(qū)域，取得各個(gè)外掛程序頁(yè)框的一新視窗遮罩；根據(jù)該新視窗遮罩，使得各個(gè)外掛程序頁(yè)框上層的各個(gè)網(wǎng)頁(yè)元件呈現(xiàn)在該網(wǎng)頁(yè)瀏覽器中。

此外，本發(fā)明提供一種內(nèi)儲(chǔ)程序的計(jì)算機(jī)可讀取記錄媒體，當(dāng)計(jì)算機(jī)載入程序并執(zhí)行后，可完成上述的方法。

再者，本發(fā)明提供一種計(jì)算機(jī)程序產(chǎn)品，包括程序，當(dāng)計(jì)算機(jī)載入程序并執(zhí)行后，可完成上述的方法。

本發(fā)明能在外掛程序不支持視窗透明功能的情況下，仍不會(huì)遮蓋住原本應(yīng)該呈現(xiàn)在外掛程序上面的HTML元件的內(nèi)容。

附圖說(shuō)明

圖1為現(xiàn)有技術(shù)的呈現(xiàn)外掛程序頁(yè)框于網(wǎng)頁(yè)瀏覽器的示意圖。

圖2為依據(jù)本發(fā)明的一實(shí)施例的呈現(xiàn)外掛程序頁(yè)框于網(wǎng)頁(yè)瀏覽器的方法的步驟流程圖。

圖3至圖13為依據(jù)本發(fā)明的一實(shí)施例的呈現(xiàn)外掛程序頁(yè)框于網(wǎng)頁(yè)瀏覽器的方法的示意圖。

圖14為依據(jù)本發(fā)明的一實(shí)施例的計(jì)算機(jī)可讀取記錄媒體的示意圖。

圖15為依據(jù)本發(fā)明的一實(shí)施例的計(jì)算機(jī)程序產(chǎn)品的示意圖。

上述附圖中的附圖標(biāo)記說(shuō)明如下：

現(xiàn)有技術(shù)：

100瀏覽器

110外掛程序

120HTML元件

本發(fā)明：

40計(jì)算機(jī)可讀取記錄媒體

50計(jì)算機(jī)程序產(chǎn)品

400、500程序

具體實(shí)施方式

為讓本發(fā)明的上述和其他目的、特征和優(yōu)點(diǎn)能更明顯易懂，下文特舉出較佳實(shí)施例，并配合附圖，作詳細(xì)說(shuō)明如下。