TW462010B - Method for supporting webpage dynamic update - Google Patents
Method for supporting webpage dynamic update Download PDFInfo
- Publication number
- TW462010B TW462010B TW89111402A TW89111402A TW462010B TW 462010 B TW462010 B TW 462010B TW 89111402 A TW89111402 A TW 89111402A TW 89111402 A TW89111402 A TW 89111402A TW 462010 B TW462010 B TW 462010B
- Authority
- TW
- Taiwan
- Prior art keywords
- area
- page
- read
- scope
- error
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims abstract description 27
- 239000000872 buffer Substances 0.000 claims description 6
- 230000005540 biological transmission Effects 0.000 claims 1
- 230000000977 initiatory effect Effects 0.000 claims 1
- 238000010422 painting Methods 0.000 claims 1
- 238000009419 refurbishment Methods 0.000 abstract 1
- 238000010586 diagram Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Information Transfer Between Computers (AREA)
Abstract
Description
46201 0 五、發明說明u) 目别技術中’若需要在頁面上實現部份内容或資料的 動態變更,例如在頁面中常用的廣告條内容動態更新,只 有完全更新該頁面,才能做到,這樣一來,就會加大頁面 開發人員的工作量,而無法實現在不改變該整個頁面的條 件下,動態更新該頁面的内容,例如,用戶在瀏覽新聞 時,現有技術不能滿足用戶根據所瀏覽的主題,動態顯示 與S玄主題相關的提高及更新的内容的要求。 、據此,本發明之目的係提供一種支持頁面動態更新的 方法,用以實現在不更換頁面的情況下,動態刷新整個頁 面或頁面中局部的顯示内容,由此可完成頁面中的新聞提 要顯示、動態資料提交,以及廣告條動態更新等功能。 本發明提供一種支持頁面動態更新的方法,該 括提供開發者在開發一個新的頁面時,預先將一個者二 區域初始化,然後刷新該區域,並將 3 2的 置為相始化狀態,以備下次使用。特疋的。域重新設 利用本發明提供一種支持頁面動態更新的方 更換整個頁面的情況下,不僅可以實現頁面整體’ j不 部的動態更新,而且可以完成動態的資料 ,某個局 以省時省力的方式提供頁面動態更新的功4 /。、,错此達赳 圖示之簡單說明 ° 、與優點能更顯 所附圖式,作詳 為讓本發明之上述及其它目的'特徵 而易見,下文特舉一較佳實施例,並配合 細說明如下:46201 0 V. Description of the invention u) In the category technology, 'If you need to dynamically change part of the content or information on the page, such as the dynamic update of the content of commonly used advertising bars in the page, you can only do it if you completely update the page. In this way, the workload of the page developer will be increased, and it is impossible to dynamically update the content of the page without changing the entire page. For example, when users browse the news, the existing technology cannot meet the requirements of users Browse themes and dynamically display the requirements related to the enhancements and updates related to the Suan theme. According to this, the object of the present invention is to provide a method for supporting dynamic page updating, so as to dynamically refresh the entire page or a part of the displayed content on the page without changing the page, thereby completing the news feed on the page. Display, dynamic data submission, and dynamic update of advertising banner. The present invention provides a method for supporting dynamic page updating. The method provides a developer to initialize a one-two area in advance when developing a new page, then refresh the area, and set 32 to a phase-initialized state. Ready for next use. Special. Domain reset uses the present invention to provide a method that supports dynamic page updates when the entire page is replaced, not only can the entire page be updated dynamically, but also dynamic data can be completed in a way that saves time and effort for a certain bureau. Provide the function of dynamic page update. The simple description of the figure is wrong, and the advantages can be more clearly shown in the drawings. For details, to make the above and other objects of the present invention's characteristics easier to see, a preferred embodiment is given below, and The details of cooperation are as follows:
DD
五、發明說明(2) 第1圖顯示本發明之功能模組圖及其操作流程; 第2圖顯示本發明之初始化流程圖; .第3圖顯示本發明之刷新頁面上—選擇方塊之流程 第4圖顯示本發明之資料交換操作流程圖;及 第5圖顯示本發明之重置操作流程圖。 較佳實施例之詳細說明 參考第1圖,顯示本發明對頁面動態更新之功能模組 圖及其操作流程。在第1Α圖中,包括一頁面(1〇1) 、_ 初始化模塊(1 0 2 )、一刷新模塊(i 〇 3 )、一資料交換模 塊(104)及一重置模塊(1〇5)。在第^之流程中,其支 持頁面動態更新的方法包括下列步驟:在開發一個新的頁 面(101 )時,利用一初始化模塊(102 )將—區域初始化 (S1);利用一刷新模塊(103)將文字串賦予該初始化區 域以刷新該區域(S2);利用一資料交換模塊(1〇4 )將這 個刷新後的區域經資料交換以顯示新内容於該方塊中 (S3) ’藉此完成該頁面的動態更新以及資料動態提供的操 作;及利用一重置模塊(1〇5 )之内部控制重新I對已更新' 的區域進行初始化(S4)。現將各操作細述於下。 1 · 初始化流程: 參考第2圖’顯示本發明之初始化流程圖。在第2圖 中’除設置刷新區域之目的外,同時也生成頁面後么 (background)的資料緩衝頁面。如第2圖所示,該初3始化 步驟包括:從參數中找到用戶需要設定的刷新區/域(工V. Description of the invention (2) Figure 1 shows the functional module diagram of the present invention and its operation flow; Figure 2 shows the initialization flowchart of the present invention; Figure 3 shows the refresh page of the present invention-the process of selecting a block Figure 4 shows a flowchart of the data exchange operation of the present invention; and Figure 5 shows a reset operation flowchart of the present invention. Detailed Description of the Preferred Embodiment Referring to FIG. 1, a functional module diagram of the present invention for dynamically updating a page and its operation flow are shown. In FIG. 1A, a page (101), an initialization module (102), a refresh module (103), a data exchange module (104), and a reset module (105) are included. . In the ^ th process, the method for supporting dynamic page updating includes the following steps: when developing a new page (101), using an initialization module (102) to initialize the area (S1); using a refresh module (103 ) Assign a text string to the initialization area to refresh the area (S2); use a data exchange module (104) to exchange this refreshed area with data to display new content in the box (S3) The page is dynamically updated and the operations provided by the data are dynamically provided; and the internal control of a reset module (105) is used to re-initialize the updated area (S4). Each operation is described in detail below. 1 · Initialization process: Refer to Figure 2 'for the initialization flow chart of the present invention. In the second figure, in addition to the purpose of setting a refresh area, a data buffer page of a background is also generated at the same time. As shown in Figure 2, the initial initialization step includes: finding the refresh area / domain (work area) that the user needs to set from the parameters.
第5頁Page 5
IIMI 45201〇 五、發明說明(3) ),例如’ ” Load(FUsh)"參數即是利用載入函數(L〇ad) 載入Flash内容以供刷新使用之意,這個區域的大小係由 用戶的需求決定;判斷該區域是否存在(2〇2),其目的 在於判斷周戶所要求的區域是否已超出一頁面的範圍;如 果不存在’也就是已超出該頁面的範圍,則提示錯誤 ( 203 ),退出該操作,如果存在,則繼續判斷該區域是 否相對應瀏覽器IE之DIV標準或對應於瀏覽器Netscape之IIMI 45201〇 5. Description of the invention (3)), for example, "" Load (FUsh) "parameter means that the Flash content is loaded for refresh by using the load function (L〇ad). The size of this area is determined by Determined by the user's needs; determine whether the area exists (202), the purpose is to determine whether the area required by the household has exceeded the range of a page; if it does not exist, that is, the range of the page is exceeded, an error is prompted (203), exit the operation, if it exists, continue to determine whether the area corresponds to the DIV standard of the browser IE or the browser's Netscape
Layer標準( 204 ) ’其中DIV及Layer為瀏覽器用於設定一 頁面上相關之字、畫、及表格擺放位置之標準;如果否, 則目前所處理的瀏覽器不是標準瀏覽器,提示該操作錯誤 (2 0 3 ),退出該操作’如杲是,則設置該區域的頁内(例 如’Inner HTML)屬性為空(2〇5),亦即重置該區域内 容;產生一對頁内框架標記,用於一後台缓衝頁面(2〇6 )’以便在該頁面中插入框架來顯示另一文件,例如,】E 瀏濩器專用之<IFRAME>,其中,該<IFRAME>係超文件標記 甚吾 & (HTML . HyperText Makeup Language)標記;判斷是 否成功的產生該後台頁面(2〇7 );如果是,則程式結 束,如果否,則提示該操作錯誤(2 〇 3 ),並退出該操 作。 2 · 刷新模塊流程 參考第3圖,顯示本發明之刷新頁面上一選擇方塊之 流程圖。如第3圖所示,首先,判斷當前要處理的區域是 否已經初始化(3 0 1 );如果沒有初始化,則提示該操作 錯誤(3 0 2 ) ’退出該操作,如果該區域已經相始化,則Layer Standard (204) 'where DIV and Layer are the standards used by the browser to set the placement of related characters, pictures, and tables on a page; if not, the currently processed browser is not a standard browser, prompting for this operation Error (2 0 3), exit the operation 'If yes, set the in-page (for example,' Inner HTML) 'attribute of the area to empty (205), that is, reset the content of the area; generate a pair of in-page Frame tag, used for a back buffer page (206) to insert a frame in the page to display another file, for example] E browser specific < IFRAME >, where < IFRAME > It is a super file markup (HTML. HyperText Makeup Language) markup; judge whether the background page is successfully generated (207); if it is, the program ends, and if not, it prompts the operation error (2 03) And exit the operation. 2 · Refresh module flow Refer to Figure 3 for a flowchart of a selection box on the refresh page of the present invention. As shown in FIG. 3, first, determine whether the area to be processed has been initialized (3 0 1); if it is not initialized, it prompts the operation error (3 0 2) 'Exit the operation, if the area has been initialized ,then
第6頁 s 2 Ο ί ο 五、發明說明(4) 讀取該後台緩衝頁面的頁内框架標記狀態(3〇3 ) ·判 該讀取操作是否結束( 304 );如果否,則提示該操作失 敗( 302 ),並退出該操作,如果是,從該對頁内框架標 記中,例如,<IFRAME>,讀取欲顯示之訂虬文件物件名5"稱 (Document Object) ( 305 );判斷該操作是否成功(3〇6 );如果不成功,則提示該操作錯誤(3〇2 ),退出該操 作,如果成功,則從該文件物件名稱(D〇cument 〇bject) 中讀取對應之本文<Body>物件( 30 7 ),其中,本文 (Body)物件屬HTML的標記,用於放置一HTML之文件内文; 判斷是否讀取成功,如果不成功,則提示該操作錯誤 (3 02 ),退出該操作,如果成功,則繼續判斷用戶刷新 區域是否存在(309);如果不存在,則提示該操作錯誤 (3 02 ),退出該操作,如果存在,則將本文(B〇dy)的頁 内(1111^1^7'虹)的内容賦給該區域的頁内(1111161_111]^[)值 (310)後*也就是,程式 area.iiinerHTMUB〇dy.innerHTML 執行後,返回上一層程 式。 3 ·交換模塊 參考第4圖,顯示本發明之資料交換操作流程圖。在 第4圖中’可達到根據用戶請求更新後台緩存之目的。如 第4圖所示a,首先,判斷是否為一更新頁面的操作(401 )*如果疋’則設置該對頁内框架標記(例如,<IFRAME>) 的網址(jRL)以進行—頁面更新(4〇2 ),如果否,則讀取 用戶指定的表單( 4〇3 ),判斷該表單(F〇RM)的内Page 6 s 2 Ο ί ο 5. Description of the invention (4) Read the in-page frame mark status of the background buffered page (303) • Determine whether the read operation is finished (304); if not, prompt the The operation fails (302), and the operation is exited. If it is, from the pair of in-page frame tags, for example, < IFRAME >, read the custom file object name 5 to be displayed (Document Object) (305) ; Judge whether the operation is successful (3〇6); if unsuccessful, it prompts the operation error (3〇2), exit the operation, if successful, read from the file object name (D〇cument 〇bject) Corresponding article < Body > object (30 7), where the Body object is an HTML tag, which is used to place an HTML document body; determine whether the reading is successful, and if it is not successful, the operation error is prompted (3 02), exit the operation, if it is successful, continue to determine whether the user refresh area exists (309); if it does not exist, it prompts the operation error (3 02), exit the operation, if it exists, the article (B 〇dy) inside the page (1111 ^ 1 ^ 7 'rainbow) After the page is assigned to the region (1111161_111] ^ [) value (310) * That is, after the program area.iiinerHTMUB〇dy.innerHTML executed, the process return to the previous formula. 3 · Exchange Module Refer to Figure 4 for a flowchart of the data exchange operation of the present invention. In the fourth figure, it can achieve the purpose of updating the background cache according to the user request. As shown in FIG. 4a, first, determine whether it is an operation to update the page (401) * If 疋 ', set the URL (jRL) of the pair of frame tags (for example, < IFRAME >) in the page to perform-page Update (402), if not, read the user-specified form (403), and judge the contents of the form (F〇RM)
第7頁 201 〇 五 '發明說明(5) 容是否為空(404);如要β ),退出該操作,如果否提示該操作錯誤(405 單(FORM) ( 406 );判斷嗲&從/内框架標記中尋找該表 名稱不存在,則提示該;如果該 h錯誤 > 並退出該搞^七, 名稱存在’則在使用該表單(咖)提供之資料傳送“ 方法(4〇8)後,返回上一層程式,其中达 〈Submit〉係屬表單(F0RM)中 ' 丁;7T提供的參數,用於傳w播 者所確認之資料。 wI便用 4 *重置模塊 參考第5圖’顯示本發明之重置操作流程圖。在第5圖 中,係根據用戶的要求重新㈣^在弟b圖 文n里新對一刷新區域進行設定。如第 5圖所示,首先,讀取該用戶要求刷新的區域(5〇1);判 斷這個區域是否存在(5〇2);如果不存在,則提示該操 作錯誤’亚退出該操作’如果存在’則讀取該區域的標記 名稱TAGNAME ( 504 ),判斷該標記名稱是否屬於DIV或 Layer標準,如果不屬於,則提示該操作錯誤,並退出該 操作,^,屬於,則清空頁内(InnerHTML)内容( 50 6 ) ’ 並重新設定後台緩充器内存的網址(URL)值(5〇7),返回 上一層程式。 綜合上述’特舉一例以說明本發明之操作過程。本例 僅用以說明本發明操作,而非兩以限定本發明之範圍。 假設在一新聞報導頁面中,有一則新聞標題要更換, 需要對其,屬的新聞内容進行動態更新,此時,用戶需找 到需要動態更新的”新聞"區域,將該區域的InnerHTML屬Page 7 201 05. Description of the invention (5) Whether the content is empty (404); if β), exit the operation, if not, prompt the operation error (405 FORM (FORM) (406); judge 嗲 & from / Inner frame tag to find that the table name does not exist, it will prompt this; if the h error > and exit the ^^, the name exists' then use the data provided by the form (Ca) to transfer "Method (408) ), Return to the previous program, where <Submit> belongs to the 'D' in the form (F0RM); the parameters provided by 7T are used to transfer the information confirmed by the broadcaster. WI will use 4 * Reset module to refer to the 5th Figure 'shows the reset operation flowchart of the present invention. In Figure 5, according to the user's request, a new refresh area is set in Figure B n. As shown in Figure 5, first, Read the area that the user requested to refresh (501); determine whether this area exists (502); if it does not exist, it prompts the operation error 'Asian exit the operation' if it exists' then read the mark of the area Name TAGNAME (504), to determine whether the tag name belongs to the DIV or Layer standard, if If it belongs, it prompts the operation error and exit the operation, ^, if it belongs, it clears the content of InnerHTML (50 6) 'and resets the URL value (URL) of the background buffer memory (507), Go back to the previous level of program. Combine the above-mentioned example to illustrate the operation of the present invention. This example is only used to explain the operation of the present invention, not two to limit the scope of the present invention. Assume that there is a news on a news report page To change the title, you need to dynamically update the news content that belongs to it. At this time, the user needs to find the "news" area that needs to be dynamically updated, and the InnerHTML property of the area
46201〇 五'發明說明(6) 性言又疋為空’此時會在該頁面的後台(background)生成一 對<1 FRAME〉作為後台的資料緩衝頁面,經過上述步驟的操 作’即元成了刷新區域的初始化過程, 、 此時讀取後台IFRAME的狀態值,從IFRAME中讀取46201 05 'Invention description (6) The speech is empty again' At this time, a pair of <1 FRAME> will be generated in the background of the page as a background data buffer page, after the above steps, the operation is the element It becomes the initialization process of the refresh area. At this time, the status value of the background IFRAME is read and read from the IFRAME.
Document 〇b ject 的内容’並從該D〇cument Ob ject 物件中 獲得Body物件,此時將Body物件中的InnerHTML内容賦給 經相始化處理區域的InnerHTML,完成區域的刷新過程, 針對需要更新的頁面,將預先設置好的IFRAME的URL進行 更新’完成資料的交換過程,將新的資料和内容提交給需 要刷新的區域, 獲得用戶所要求的更新區域,並讀取該區域的 TAGNAME ’清空其中的Inner HTML内容,重新設置頁面後台 的緩存URL ’使其能夠被頁面内部控制,重新初始化,以 備下次使用。 維然本發明已以一較佳實施例揭露如上,然其並非用 以限定本發明,任何熟知此技術之人士,在不脫離本發明 之精神及範圍内,當可做更動與潤飾,因此本發明之保護 範•圍當視後附之申請專利範圍所界定者為準。Content of Document 〇b ject 'and obtain the Body object from the Object Object object. At this time, the InnerHTML content in the Body object is assigned to the InnerHTML of the phase-initialized processing area, and the area refresh process is completed. It is updated as needed. Page, update the preset IFRAME URL 'to complete the data exchange process, submit the new information and content to the area that needs to be refreshed, obtain the update area required by the user, and read the TAGNAME of this area. Inner HTML content, reset the cache URL in the background of the page to enable it to be controlled internally by the page and re-initialized for the next use. Well, the present invention has been disclosed as above with a preferred embodiment, but it is not intended to limit the present invention. Anyone familiar with this technology can make changes and retouching without departing from the spirit and scope of the present invention. The scope of protection of the invention shall be determined by the scope of the attached patent application.
Claims (1)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| TW89111402A TW462010B (en) | 2000-06-12 | 2000-06-12 | Method for supporting webpage dynamic update |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| TW89111402A TW462010B (en) | 2000-06-12 | 2000-06-12 | Method for supporting webpage dynamic update |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| TW462010B true TW462010B (en) | 2001-11-01 |
Family
ID=21660053
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| TW89111402A TW462010B (en) | 2000-06-12 | 2000-06-12 | Method for supporting webpage dynamic update |
Country Status (1)
| Country | Link |
|---|---|
| TW (1) | TW462010B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6931598B2 (en) * | 2001-03-30 | 2005-08-16 | Intel Corporation | Dynamic web list display |
| US8635541B2 (en) | 2007-12-06 | 2014-01-21 | International Business Machines Corporation | Indicating pending asynchronous updates in a graphical user interface (GUI) |
-
2000
- 2000-06-12 TW TW89111402A patent/TW462010B/en not_active IP Right Cessation
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6931598B2 (en) * | 2001-03-30 | 2005-08-16 | Intel Corporation | Dynamic web list display |
| US8635541B2 (en) | 2007-12-06 | 2014-01-21 | International Business Machines Corporation | Indicating pending asynchronous updates in a graphical user interface (GUI) |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101512483B (en) | Dynamically Generate Custom User Interfaces | |
| US10776564B2 (en) | Method and system for displaying webpage self-defined content | |
| US8645848B2 (en) | Systems and methods for dynamic menus | |
| CN106484383B (en) | Page rendering method, device and equipment | |
| JP5099982B2 (en) | Method and apparatus for generating an automation-based user interface with complete flexibility | |
| US20030226106A1 (en) | Document structures for delta handling in server pages | |
| US20080028302A1 (en) | Method and apparatus for incrementally updating a web page | |
| TW503351B (en) | Methods and apparatus for reducing the number of server interactions in network-based applications using a dual-MVC approach | |
| TWI258657B (en) | Method, system, and program for maintaining data in distributed caches | |
| CN102902799B (en) | The browser page display packing of a kind of sing on web Kit and device thereof | |
| US7712025B2 (en) | Document object model caching and validation | |
| JP4857349B2 (en) | Method, system, and computer program for providing asynchronous portal pages within a portal system | |
| US20100205523A1 (en) | Web Widget for Enabling Screen Reader Accessibility for a Web Application | |
| US20090070190A1 (en) | Updating contents of asynchronously refreshable webpages | |
| CN1218263C (en) | Method to support page dynamic update | |
| CN107229633A (en) | Static page generation method, Web access method and device | |
| JP2006236321A (en) | Data store for software application documents | |
| CN106528578B (en) | Information display method and device | |
| US20180165253A1 (en) | Information architecture for the interactive environment | |
| US9607591B2 (en) | System and method for rendering music | |
| CN101311925A (en) | Web page development and maintenance method and its device | |
| CN107451184A (en) | Page display method and device, user equipment, storage medium | |
| US7631257B2 (en) | Creation and management of content-related objects | |
| US9876879B2 (en) | Distributed network page generation | |
| CN106033361A (en) | Method and device for showing application page, and method and device for updating application page data |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| GD4A | Issue of patent certificate for granted invention patent | ||
| MM4A | Annulment or lapse of patent due to non-payment of fees |