專利名稱：網(wǎng)頁中內(nèi)容顯示狀態(tài)改變方法和裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及通信領(lǐng)域，具體涉及一種網(wǎng)頁中內(nèi)容顯示狀態(tài)改變方法和裝置。
背景技術(shù)：
目前，網(wǎng)頁中通常會(huì)設(shè)置一些供用戶選擇的交互接口，以便與用戶進(jìn)行交互。例如，在html頁面中,通常會(huì)使用默認(rèn)的標(biāo)簽,如select (下拉式菜單)、radio (單選按鈕)或checkbox (多選框)，來實(shí)現(xiàn)與用戶交互的目的。采用默認(rèn)標(biāo)簽雖然可以實(shí)現(xiàn)交互的目的，但是，隨著網(wǎng)頁風(fēng)格的多樣化，html頁面中的色彩越來越絢爛，視覺效果也逐步提升。可是，默認(rèn)標(biāo)簽的顯示樣式(例如顏色、形狀)卻都是固定的，無法根據(jù)網(wǎng)頁的整體頁面風(fēng)格進(jìn)行調(diào)整，因此，這些用于提供交互功能的標(biāo)簽以其固定樣式出現(xiàn)在各式花花綠綠的網(wǎng)頁中，導(dǎo)致網(wǎng)頁的整體風(fēng)格非常不協(xié)調(diào)，破壞了網(wǎng)頁整體的美觀程度，嚴(yán)重降低了用戶的視覺享受。

發(fā)明內(nèi)容
鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的網(wǎng)頁中內(nèi)容顯示狀態(tài)改變方法和裝置。依據(jù)本發(fā)明的一個(gè)方面，提供了一種網(wǎng)頁中內(nèi)容顯示狀態(tài)改變方法，包括根據(jù)預(yù)設(shè)的查找條件查找網(wǎng)頁中的第一交互元素，第一交互元素為要改變顯示狀態(tài)的網(wǎng)頁內(nèi)容；創(chuàng)建與第一交互元素相對(duì)應(yīng)的第二交互元素，其中第二交互元素具有與第一交互元素相對(duì)應(yīng)的外觀和相同的用戶交互方式；隱藏所查找到的第一交互元素，并在網(wǎng)頁中與第一交互元素相對(duì)應(yīng)的位置處顯示第二交互元素；以及捕獲用戶與所述第二交互元素交互所觸發(fā)的交互事件，將所述交互事件傳遞給與所述第二交互元素相對(duì)應(yīng)的第一交互元素進(jìn)行處理。依據(jù)本發(fā)明的另一方面，提供了一種網(wǎng)頁中內(nèi)容顯示狀態(tài)改變裝置，包括查找單元，適于根據(jù)預(yù)設(shè)的查找條件查找網(wǎng)頁中的第一交互元素，第一交互元素為要改變顯示狀態(tài)的網(wǎng)頁內(nèi)容；創(chuàng)建單元，適于創(chuàng)建與第一交互元素相對(duì)應(yīng)的第二交互元素，其中第二交互元素具有與第一交互元素相對(duì)應(yīng)的外觀和相同的用戶交互方式；顯示單元，適于隱藏所查找到的第一交互元素，并在網(wǎng)頁中與第一交互元素相對(duì)應(yīng)的位置處顯示第二交互元素；捕獲單元，適于捕獲用戶與所述第二交互元素交互所觸發(fā)的交互事件，將所述交互事件傳遞給與所述第二交互元素相對(duì)應(yīng)的第一交互元素進(jìn)行處理。根據(jù)本發(fā)明的網(wǎng)頁中內(nèi)容顯示狀態(tài)改變方法及相應(yīng)的裝置，為網(wǎng)頁中的第一交互元素創(chuàng)建對(duì)應(yīng)的第二交互元素，該第二交互元素具有與第一交互元素相對(duì)應(yīng)的外觀和相同的交互方式，并在網(wǎng)頁中與第一交互元素相對(duì)應(yīng)的位置顯示第二交互元素，由此解決了目前第一交互元素的樣式固定且無法調(diào)整，從而影響頁面的整體美觀的問題，取得了能夠用第二交互元素取代第一交互元素顯示在網(wǎng)頁中，從而達(dá)到順應(yīng)網(wǎng)頁的整體風(fēng)格，改善網(wǎng)頁的整體美觀程度的有益效果。上述說明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段，而可依照說明書的內(nèi)容予以實(shí)施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點(diǎn)能夠更明顯易懂，以下特舉本發(fā)明的具體實(shí)施方式
。


通過閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述，各種其他的優(yōu)點(diǎn)和益處對(duì)于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的，而并不認(rèn)為是對(duì)本發(fā)明的限制。而且在整個(gè)附圖中，用相同的參考符號(hào)表示相同的部件。在附圖中圖I示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的網(wǎng)頁中內(nèi)容顯示狀態(tài)改變方法流程圖；圖2示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的select標(biāo)簽對(duì)應(yīng)的展現(xiàn)效果示意圖；圖3示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的radio標(biāo)簽對(duì)應(yīng)的展現(xiàn)效果示意圖；圖4示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的checkbox標(biāo)簽對(duì)應(yīng)的展現(xiàn)效果示意圖；圖5a示出了本發(fā)明一個(gè)實(shí)施例中以第一交互元素進(jìn)行展現(xiàn)的示意圖；圖5b示出了本發(fā)明一個(gè)實(shí)施例中以第二交互元素進(jìn)行展現(xiàn)的示意圖；圖6根據(jù)本發(fā)明一個(gè)實(shí)施例的網(wǎng)頁中內(nèi)容顯示狀態(tài)改變裝置結(jié)構(gòu)圖。
具體實(shí)施例方式下面將參照附圖更詳細(xì)地描述本公開的示例性實(shí)施例。雖然附圖中顯示了本公開的示例性實(shí)施例，然而應(yīng)當(dāng)理解，可以以各種形式實(shí)現(xiàn)本公開而不應(yīng)被這里闡述的實(shí)施例所限制。相反，提供這些實(shí)施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。圖I示出了本發(fā)明實(shí)施例提供的網(wǎng)頁中內(nèi)容顯示狀態(tài)改變方法流程圖。如圖I所示，該方法始于步驟S110，在步驟SllO中，根據(jù)預(yù)設(shè)的查找條件查找網(wǎng)頁中的第一交互元素，該第一交互元素為要改變顯示狀態(tài)的網(wǎng)頁內(nèi)容。第一交互元素可以是html頁面中用于實(shí)現(xiàn)交互功能的默認(rèn)元素。通常，可以將第一交互元素按照類型分為單選按鈕元素(也叫radio元素)、多選框元素(也叫checkbox元素)和下拉菜單元素(也叫select元素)。Select元素適用于需要以下拉式菜單的形式為用戶提供若干個(gè)候選選項(xiàng)，然后由用戶從若干個(gè)候選選項(xiàng)中選擇一個(gè)選項(xiàng)的情況。例如，當(dāng)用戶選擇居住地省份的時(shí)候，傳統(tǒng)的實(shí)現(xiàn)方式是使用select元素來實(shí)現(xiàn)。具體代碼如下
權(quán)利要求
1.一種網(wǎng)頁中內(nèi)容顯示狀態(tài)改變方法，包括根據(jù)預(yù)設(shè)的查找條件查找網(wǎng)頁中的第一交互元素，所述第一交互元素為要改變顯示狀態(tài)的網(wǎng)頁內(nèi)容；創(chuàng)建與所述第一交互元素相對(duì)應(yīng)的第二交互元素，其中第二交互元素具有與第一交互元素相對(duì)應(yīng)的外觀和相同的用戶交互方式；隱藏所查找到的第一交互元素，并在網(wǎng)頁中與所述第一交互元素相對(duì)應(yīng)的位置處顯示所述第二交互元素；以及捕獲用戶與所述第二交互元素交互所觸發(fā)的交互事件，將所述交互事件傳遞給與所述第二交互元素相對(duì)應(yīng)的第一交互元素進(jìn)行處理。
2.如權(quán)利要求I所述的方法，所述預(yù)設(shè)的查找條件包括第一交互元素的元素類型，其中，所述元素類型包括下述中的一個(gè)或者多個(gè)單選按鈕元素、多選框元素和下拉菜單元素。
3.如權(quán)利要求I或2所述的方法，還包括步驟，在查找網(wǎng)頁中的第一交互元素之后，獲取并緩存所述第一交互元素的相關(guān)信息，所述第一交互元素的相關(guān)信息包括元素值和/或元素屬性；所述創(chuàng)建與所述第一交互元素相對(duì)應(yīng)的第二交互元素的步驟包括基于緩存的所述第一交互元素的相關(guān)信息創(chuàng)建所述第二交互元素。
4.如權(quán)利要求1-3中任一個(gè)所述的方法，所述隱藏查找到的第一交互元素通過JS語言實(shí)現(xiàn)，以及所述創(chuàng)建與所述第一交互元素對(duì)應(yīng)的第二交互元素通過JS語言和級(jí)聯(lián)樣式表CSS來實(shí)現(xiàn)。
5.一種網(wǎng)頁中內(nèi)容顯示狀態(tài)改變裝置,包括查找單元，適于根據(jù)預(yù)設(shè)的查找條件查找網(wǎng)頁中的第一交互元素，所述第一交互元素為要改變顯示狀態(tài)的網(wǎng)頁內(nèi)容；創(chuàng)建單元，適于創(chuàng)建與所述第一交互元素相對(duì)應(yīng)的第二交互元素，其中第二交互元素具有與第一交互元素相對(duì)應(yīng)的外觀和相同的用戶交互方式；顯示單元，適于隱藏所查找到的第一交互元素，并在網(wǎng)頁中與所述第一交互元素相對(duì)應(yīng)的位置處顯示所述第二交互元素；捕獲單元，適于捕獲用戶與所述第二交互元素交互所觸發(fā)的交互事件，將所述交互事件傳遞給與所述第二交互元素相對(duì)應(yīng)的第一交互元素進(jìn)行處理。
6.如權(quán)利要求5所述的裝置，所述預(yù)設(shè)的查找條件包括第一交互元素的元素類型，其中，所述元素類型包括下述中的一個(gè)或者多個(gè)單選按鈕元素、多選框元素和下拉菜單元素。
7.如權(quán)利要求5或6所述的裝置，還包括緩存單元，適于在所述查找單元查找網(wǎng)頁中的第一交互元素之后，獲取并緩存所述第一交互元素的相關(guān)信息，所述第一交互元素的相關(guān)信息包括元素值和/或元素屬性；以及所述創(chuàng)建單元適于基于緩存的所述第一交互元素的相關(guān)信息創(chuàng)建所述第二交互元素。
8.如權(quán)利要求5-7中任一個(gè)所述的裝置，所述顯示單元隱藏查找到的第一交互元素通過JS語言實(shí)現(xiàn)；所述創(chuàng)建單元?jiǎng)?chuàng)建與所述第一交互元素對(duì)應(yīng)的第二交互元素通過JS語言和級(jí)聯(lián)樣式表CSS來實(shí)現(xiàn)。
全文摘要
本發(fā)明公開了一種網(wǎng)頁中內(nèi)容顯示狀態(tài)改變方法和裝置，其中的裝置包括查找單元，適于根據(jù)預(yù)設(shè)的查找條件查找網(wǎng)頁中的第一交互元素；創(chuàng)建單元，適于創(chuàng)建與所述第一交互元素相對(duì)應(yīng)的第二交互元素；顯示單元，適于隱藏所查找到的第一交互元素，并在網(wǎng)頁中與第一交互元素相對(duì)應(yīng)的位置處顯示第二交互元素；捕獲單元，適于捕獲用戶與第二交互元素交互所觸發(fā)的交互事件，將所述交互事件傳遞給與所述第二交互元素相對(duì)應(yīng)的第一交互元素進(jìn)行處理。由此解決了目前第一交互元素的樣式固定且無法調(diào)整，從而影響頁面的整體美觀的問題，取得了能夠用第二交互元素取代第一交互元素顯示在網(wǎng)頁中，從而達(dá)到順應(yīng)網(wǎng)頁的整體風(fēng)格，改善網(wǎng)頁的整體美觀程度的有益效果。
文檔編號(hào)G06F9/44GK102915378SQ20121046468
公開日2013年2月6日 申請(qǐng)日期2012年11月16日 優(yōu)先權(quán)日2012年11月16日
發(fā)明者李昊男, 黃歡 申請(qǐng)人:北京奇虎科技有限公司, 奇智軟件(北京)有限公司