CN102419682A - Webpage switching display system and method - Google Patents
Webpage switching display system and method Download PDFInfo
- Publication number
- CN102419682A CN102419682A CN2010105065184A CN201010506518A CN102419682A CN 102419682 A CN102419682 A CN 102419682A CN 2010105065184 A CN2010105065184 A CN 2010105065184A CN 201010506518 A CN201010506518 A CN 201010506518A CN 102419682 A CN102419682 A CN 102419682A
- Authority
- CN
- China
- Prior art keywords
- display layer
- display
- switching
- displacement
- web page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a webpage switching display system and a method thereof, which control a first display layer and a second display layer which are overlapped to display different webpage files by detecting dragging operation, calculate the initial coordinate and the ending coordinate of the dragging operation to set a switching parameter, and continuously shift the first display layer until the second display layer is completely displayed according to the switching parameter, thereby achieving the technical effect of improving the convenience of webpage browsing.
Description
Technical field
The present invention is relevant for a kind of display system and method thereof, be meant especially a kind of the different web pages file to be shown in different display layers, and the detecting drag operation is with the webpage switching displayed system and the method thereof of displacement display layer.
Background technology
In recent years; Along with popularizing of world-wide web with flourish, cause many files all to appear with form web page, wherein common with supporting paper again; This mode not only can significantly improve browses convenience, also can avoid simultaneously because the problem of the compatibility that different file layout caused.
Generally speaking; The user browses the supporting paper that appears with form web page; Its supporting paper is and meets ultra this paper SGML (Hypertext Markup Language; HTML) web page files of standard, and can be through the embedded hyperlink of web page files (Hyperlink) operation of skipping itself.Yet this mode must be limited to the position of hyperlink and carry out a selection operation, operation inconvenience and very dull, and in addition, the user also can't satisfy merely through the hyperlink operation of skipping.
In view of this; Just there is manufacturer to propose through the operation of skipping of the mode of pressing function key; It corresponds to each function key respectively with all hyperlink in the web page files in advance, and after the user pushes the corresponding function key, clicks corresponding hyperlink automatically to skip.But, this mode need have the function key of respective numbers, and the corresponding more at most inconvenience of hyperlink quantity is also high more, though so mode makes the operation of browsing page no longer dull, still can't effectively solve inconvenience in browsing property.
In sum, can know that prior art has existed web page browsing inconvenience and the dull problem of operation since the midium or long term always, therefore be necessary to propose improved technological means in fact, solve this problem.
Summary of the invention
Because the problem that prior art exists, the present invention discloses a kind of switching displayed system and method thereof of webpage then.
The switching displayed system of the disclosed webpage of the present invention comprises: storage module, select module, detecting module, computing module, insmod and display module.Wherein, storage module is in order to store a plurality of web page files, and wherein each web page files is all to there being index code; When initial, select module in order to select to be written into from storage module web page files one of them to be shown in first display layer; After detecting module is used to be written into web page files, the origin coordinates and the end coordinate of detecting drag operation; Computing module is in order to the difference of origin coordinates and end coordinate, and sets handoff parameter according to the positive number and the negative of this difference; Insmod in order to the pairing index code of the web page files that reads current demonstration, and be written into corresponding web page files to be shown in second display layer according to handoff parameter adjustment index code and according to adjusted index code; Display module is in order to be overlapped in first display layer on second display layer; And first display layer is continued displacement to show second display layer fully according to handoff parameter; And after showing second display layer fully; The replacement handoff parameter, and the second original display layer is set at first display layer and the first original display layer is set at second display layer.
As for the switching displayed method of webpage of the present invention, its step comprises: a plurality of web page files are provided, and wherein each web page files is all to there being index code; When initial, select to be written into web page files one of them to be shown in first display layer; After being written into web page files, the origin coordinates and the end coordinate of detecting drag operation; Calculate the difference of origin coordinates and end coordinate, and set handoff parameter according to the positive number and the negative of this difference; Read the pairing index code of web page files of current demonstration, and be written into corresponding web page files to be shown in second display layer according to handoff parameter this index code of adjustment and according to adjusted index code; First display layer is overlapped on second display layer; And first display layer is continued displacement to show second display layer fully according to handoff parameter; And after showing second display layer fully; The replacement handoff parameter, and the second original display layer is set at first display layer and the first original display layer is set at second display layer.
The disclosed System and method for of the present invention as above; Be that with the difference between the prior art the present invention shows different web page files through the detecting drag operation to control the first overlapping display layer and second display layer; And origin coordinates and the end coordinate of calculating drag operation set handoff parameter, and continue displacement first display layer till showing second display layer fully according to this handoff parameter.
Through above-mentioned technological means, the present invention can reach the technological effect of the convenience that improves web page browsing.
Description of drawings
Fig. 1 is the system block diagrams of the switching displayed system of webpage of the present invention.
Fig. 2 is the method flow diagram of the switching displayed method of webpage of the present invention.
Fig. 3 is written into web page files to be shown in the synoptic diagram of first display layer for using the present invention.
Fig. 4 A to Fig. 4 C is for using first synoptic diagram that the present invention continues first display layer displacement.
Fig. 5 is for using the present invention shows second display layer fully after continuing displacement first synoptic diagram.
Fig. 6 A to Fig. 6 C is for using second synoptic diagram that the present invention continues first display layer displacement.
Fig. 7 is for using the present invention shows second display layer fully after continuing displacement second synoptic diagram.
[main element symbol description]
101 storage modules
102 select module
103 detecting modules
104 computing modules
105 insmod
106 display modules
300 display interfaces
301 cursors
310,310a first display layer
320,320a second display layer
Embodiment
Below will cooperate graphic and embodiment specifies embodiment of the present invention, whereby to the present invention how the application technology means implementation procedure that solves technical matters and reach technological effect can make much of and implement according to this.
Before the switching displayed system and method thereof of the disclosed webpage of explanation the present invention; The noun that earlier the present invention institute is defined is voluntarily explained; Index code of the present invention is meant the pairing unique numerical value of each web page files, and this index code can be used as the page number and is arranged in advance in each webpage.In addition; Said first display layer and second display layer are through laminated CSS (Cascading Style Sheets; CSS) language and ultra this paper SGML (Hypertext Markup Language; HTML) produce, because the producing method of display layer is a known techniques, so this no longer giving unnecessary details more.
Below cooperate graphic switching displayed system and method thereof to be described further to webpage of the present invention; See also Fig. 1; Fig. 1 is the system block diagrams of the switching displayed system of webpage of the present invention, and it comprises: storage module 101, select module 102, detecting module 103, computing module 104, insmod 105 and display module 106.Wherein, storage module 101 is in order to store web page files, and each web page files all to there being index code, owing to said index code is explained in the noun of existing definition voluntarily, so this no longer giving unnecessary details more.On reality was implemented, these storage module 101 correlation data bank capable of using (Relational Database) realized.
Select module 102 to be used to select to be written into a web page files from storage module 101 and be shown in first display layer when initial.On reality is implemented; Select module 102 when initial, to provide the user to browse all stored in the storage module 101 web page files; And provide the user to select one of them to be written into; And the web page files that is written into is shown in first display layer, because said first display layer explains in the noun of existing definition, so give unnecessary details no longer at this more.
After detecting module 103 is used to be written into web page files, the origin coordinates and the end coordinate of detecting drag operation.Said drag operation be meant continue pressing function key or Touch Screen and move after the cancellation process of pushing again, the record coordinate position is as origin coordinates when wherein pushing, and cancellation is write down coordinate position as end coordinate when pushing.On reality is implemented; Its detecting origin coordinates and end coordinate can realize through Java script (Java Script); In addition, the drag operation of function (for example: " onmousemove ") detecting first display layer that also can be through building in the script of Java, in order to the position before first display layer is moved as origin coordinates and the position after will moving as end coordinate; Because above-mentioned detecting mode is all known techniques, so this no longer giving unnecessary details more.
Insmod 105 in order to the pairing index code of the web page files that reads current demonstration, and be written into corresponding web page files to be shown in second display layer according to handoff parameter adjustment index code and according to adjusted index code.For instance; The pairing index code of webpage of supposing current demonstration is that numerical value " 1 ", handoff parameter are " displacement to the right "; So; Insmoding 105 will be according to this handoff parameter adjustment index code, as: when handoff parameter is " displacement to the right " or " to top offset ", with index code accumulating values " 1 "; When handoff parameter is " to left dislocation " or " to bottom offset ", with the index code numerical value " 1 " that successively decreases.Then, insmoding 105 is written into corresponding web page files being shown in second display layer according to adjusted index code because said second display layer explain in the noun of existing definition voluntarily, so at this with much more no longer giving unnecessary details.
Then, see also Fig. 2, Fig. 2 is the method flow diagram of the switching displayed method of webpage of the present invention, and its step comprises: a plurality of web page files are provided, and wherein each web page files is all to there being index code (step 210); Selection be written into web page files one of them to be shown in first display layer (step 220); After being written into web page files, the origin coordinates and the end coordinate (step 230) of detecting drag operation; Calculate the difference of origin coordinates and end coordinate, and set handoff parameter (step 240) according to the positive number and the negative of this difference; Read the pairing index code of web page files of current demonstration, and be written into corresponding web page files to be shown in second display layer (step 250) according to handoff parameter adjustment index code and according to adjusted index code; First display layer is overlapped on second display layer; And first display layer is continued displacement to show second display layer fully according to handoff parameter; And after showing second display layer fully; The replacement handoff parameter, and the second original display layer is set at first display layer and the first original display layer is set at second display layer (step 260).Pass through above-mentioned steps; Can show different web page files to control the first overlapping display layer and second display layer through the detecting drag operation; And origin coordinates and the end coordinate of calculating drag operation set handoff parameter, and continue displacement first display layer till showing second display layer fully according to this handoff parameter.
Below cooperate Fig. 3 to Fig. 7 to explain as follows with the mode of embodiment, please consult Fig. 3 earlier, Fig. 3 is written into web page files to be shown in the synoptic diagram of first display layer for using the present invention, comprises: display interface 300, cursor 301 and first display layer 310.Said display interface 300 can be operated with the mode of clicking or with touch control manner through cursor 301.
The user can browse the web page files that is stored in storage module 101 in advance through display interface 300; And click the web page files of desiring to be written into cursor 301; Select module 102 can be written into the selected web page files of user afterwards; And with this web page files be shown in utilize laminated CSS (Cascading Style Sheets, CSS) (Hypertext Markup Language HTML) produces first display layer 310 for language and ultra this paper SGML; For example: the content of the web page files that is written into is " first a page ", and this content is shown in first display layer 310.
Please consult Fig. 4 A simultaneously to scheming C, Fig. 4 A to Fig. 4 C is for using first synoptic diagram that the present invention continues first display layer displacement.The user after the content of the web page files of first display layer, can carry out drag operation in browse displays through cursor 301, for example: towing from left to right.At this moment; Detecting module 103 will be through origin coordinates and the end coordinate of Java script (Java Script) with the interior function of building (for example: " onmousedown ") detecting drag operation; For example: the record start coordinate is position (10 when pushing; 10), and cancellation when pushing the end of record (EOR) coordinate be position (20,10).
Next; Computing module 104 calculates the difference of origin coordinates and end coordinate, and judges that this difference is positive number or negative, on reality is implemented; Can judge earlier that " the x axle " of two coordinates reaches the difference of " y axle "; Bigger in the absolute value with two differences afterwards is judgment standard, and the difference of supposing " x axle " is that the difference of numerical value " 10 ", " y axle " is numerical value " 0 ", and so then the difference with " x axle " is a judgment standard; The difference of supposing " x axle " is that the difference of numerical value " 10 ", " y axle " is numerical value " 5 ", because of bigger with " x axle " in the absolute value of two differences, so be judgment standard with the difference of " x axle " still.Then, if the difference of " x axle " is a positive number in two coordinates, then handoff parameter will be set at " displacement to the right ", otherwise if be that negative is " to left dislocation " with handover parameter settings then.In addition, if be judgment standard with " y axle ", the difference of " y axle " is a positive number in two coordinates so, and then handoff parameter will be set at " to bottom offset ", on the contrary when the difference of " y axle " be negative, then handoff parameter will be set at " to top offset ".
Hold the above, suppose origin coordinates (10,10), end coordinate (20,10), computing module 104 can be " displacement to the right " with handover parameter settings after calculating.Next; Insmod and 105 can read the pairing index code of web page files (that is the pairing index code of the web page files that is shown in first display layer 310) of current demonstration, suppose that this index code is numerical value " 1 ", then insmods 105 after reading this index code; To adjust index code according to the handoff parameter " displacement to the right " that computing module 104 sets; For instance, when handoff parameter is " displacement to the right " or " to top offset ", can this index code " 1 " be added up to be adjusted into numerical value " 2 "; Otherwise when handoff parameter is " to left dislocation " or " to bottom offset ", then this index code " 1 " is successively decreased to be adjusted into numerical value " 0 ".Then, be written into corresponding web page files (content of this web page files is " second page ") to be shown in second display layer 320 according to adjusted index code.Be noted that especially; The present invention is not with the above-mentioned mode that adds up and successively decrease that limits for example; On reality is implemented, also can when handoff parameter is " to left dislocation " or " to bottom offset ", add up, when handoff parameter is " displacement to the right " or " to top offset ", successively decrease.
Then; Display module 106 is overlapped in first display layer on second display layer, and according to handoff parameter " displacement to the right ", such as Fig. 4 A to Fig. 4 C signal; First display layer 310 is continued displacement to the right to show second display layer 320, till showing second display layer 320 fully.
See also Fig. 5, Fig. 5 is for using the present invention shows second display layer fully after continuing displacement first synoptic diagram.After showing second display layer 320 fully, display module 106 is replacement handoff parameter (for example: be set at null value), and the second original display layer 320 is set at first display layer, and the first original display layer 310 is set at second display layer.
Such as Fig. 6 A to Fig. 6 C signal, Fig. 6 A to Fig. 6 C is for using second synoptic diagram that the present invention continues first display layer displacement.Please consult Fig. 6 A earlier, the front is mentioned, and display module 106 can be set at the first display layer 310a with the second original display layer 320, and the first original display layer 310 is set at the second display layer 320a.When the user desires to return when browsing original web page files, can be through cursor 301 reaching with the reverse drag operation mode of last example, as: towing from right to left.At this moment, detecting module 103 is detected the origin coordinates and the end coordinate of drag operation in the same way, for example: origin coordinates (20,10), end coordinate (10,10).Because its treatment step and last example are identical, thus below only be directed against the difference place and explain.
In this example; Computing module 104 is same, and to calculate bigger in the differences of above-mentioned two coordinates and the absolute value with these two differences be judgment standard; And according to the positive and negative setting handoff parameter of this difference; With this example, because the difference " 10 " of two coordinates " x axle " is the absolute value of the absolute value of negative (calculating formula is " 10-20=-10 ") and this difference greater than the difference of " y axle ", so handoff parameter is made as " to left dislocation ".Next; Insmod and 105 read the pairing index code of web page files " 2 " of current demonstration; And according to handoff parameter " to left dislocation " index code is adjusted into numerical value " 1 ", owing to its adjustment mode is explained in aforementioned, so this no longer giving unnecessary details more.
Next; Insmod and 105 be written into corresponding web page files to be shown in the second display layer 320a according to adjusted index code " 1 "; And display module 106 is overlapped in the first display layer 310a on the second display layer 320a equally; And such as Fig. 6 A to Fig. 6 C signal, according to handoff parameter the first display layer 310a is continued to left dislocation, till showing the second display layer 320a fully.
At last, see also Fig. 7, Fig. 7 is for using the present invention shows second display layer fully after continuing displacement second synoptic diagram.The front is mentioned, and display module 106 continues the first display layer 310a to left dislocation, till showing the second display layer 320a fully according to handoff parameter " to left dislocation ".105 are written into corresponding web page files being shown in the second display layer 320a according to adjusted index code " 1 " owing to insmod in this example, return the purpose of browsing original web page files so can show again that routine web page files content " first page " reaches.Likewise, display module 106 after showing the second display layer 320a fully, the handoff parameter of can resetting, and the second display layer 320a in this example is set at first display layer, and the first display layer 310a in this example is set at second display layer.
In sum; But knowledge capital invention is to show different web page files through the detecting drag operation to control the first overlapping display layer and second display layer with difference between the prior art; And origin coordinates and the end coordinate of calculating drag operation are set handoff parameter; And continue displacement first display layer till showing second display layer fully according to this handoff parameter; Can solve the existing in prior technology problem by this technological means, and then reach the technological effect of the convenience that improves web page browsing.
Though the present invention with aforesaid embodiment openly as above; Right its is not in order to limit the present invention; Any those skilled in the art; Do not breaking away from the spirit and scope of the present invention, when can doing a little change and retouching, therefore scope of patent protection of the present invention must be looked this instructions appending claims person of defining and is as the criterion.
Claims (10)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2010105065184A CN102419682A (en) | 2010-09-28 | 2010-09-28 | Webpage switching display system and method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2010105065184A CN102419682A (en) | 2010-09-28 | 2010-09-28 | Webpage switching display system and method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN102419682A true CN102419682A (en) | 2012-04-18 |
Family
ID=45944111
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2010105065184A Pending CN102419682A (en) | 2010-09-28 | 2010-09-28 | Webpage switching display system and method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102419682A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103019606A (en) * | 2012-12-26 | 2013-04-03 | 北京百度网讯科技有限公司 | Webpage management method and device for mobile terminal, and mobile terminal |
| CN107678637A (en) * | 2017-09-14 | 2018-02-09 | 广州神马移动信息科技有限公司 | Method, equipment, browser and the electronic equipment of handoff options card |
| CN108121708A (en) * | 2016-11-28 | 2018-06-05 | 英业达科技有限公司 | Examination question electronization access system and method |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1292112A (en) * | 1998-02-25 | 2001-04-18 | 夏普公司 | Display device |
| CN1643490A (en) * | 2002-03-27 | 2005-07-20 | 接触及转换公司 | Apparatus and method for flipping pages in a digitized virtual file |
| US20090267909A1 (en) * | 2008-04-27 | 2009-10-29 | Htc Corporation | Electronic device and user interface display method thereof |
| WO2010080258A2 (en) * | 2009-01-07 | 2010-07-15 | Microsoft Corporation | Virtual page turn |
-
2010
- 2010-09-28 CN CN2010105065184A patent/CN102419682A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1292112A (en) * | 1998-02-25 | 2001-04-18 | 夏普公司 | Display device |
| CN1643490A (en) * | 2002-03-27 | 2005-07-20 | 接触及转换公司 | Apparatus and method for flipping pages in a digitized virtual file |
| US20090267909A1 (en) * | 2008-04-27 | 2009-10-29 | Htc Corporation | Electronic device and user interface display method thereof |
| WO2010080258A2 (en) * | 2009-01-07 | 2010-07-15 | Microsoft Corporation | Virtual page turn |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103019606A (en) * | 2012-12-26 | 2013-04-03 | 北京百度网讯科技有限公司 | Webpage management method and device for mobile terminal, and mobile terminal |
| CN103019606B (en) * | 2012-12-26 | 2015-11-25 | 北京百度网讯科技有限公司 | The Web page management method of mobile terminal, device and mobile terminal |
| CN108121708A (en) * | 2016-11-28 | 2018-06-05 | 英业达科技有限公司 | Examination question electronization access system and method |
| CN107678637A (en) * | 2017-09-14 | 2018-02-09 | 广州神马移动信息科技有限公司 | Method, equipment, browser and the electronic equipment of handoff options card |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11714545B2 (en) | Information processing apparatus, information processing method, and program for changing layout of display objects | |
| US10705707B2 (en) | User interface for editing a value in place | |
| US20100259562A1 (en) | Display control apparatus, display control method and computer program | |
| CN104205098B (en) | Use Array Mode to Navigate Between Content Items in the Browser | |
| US20130055142A1 (en) | Electronic device with touch screen device, method of moving function icon and computer readable storage media comprising computer executable instructions | |
| EP3262497B1 (en) | Contextual zoom | |
| US8681111B2 (en) | Information processing device and information processing method | |
| AU2012309121B2 (en) | Formula entry for limited display devices | |
| US20130080951A1 (en) | Device and method for moving icons across different desktop screens and related computer readable storage media comprising computer executable instructions | |
| CN104267871A (en) | Method for rendering pages and device thereof | |
| WO2013112354A1 (en) | Confident item selection using direct manipulation | |
| EP3252588B1 (en) | Electronic device and method for controlling the same | |
| US20140351762A1 (en) | Method and apparatus for performing url linkage function using the keypad | |
| CN102419682A (en) | Webpage switching display system and method | |
| KR101485791B1 (en) | Portable terminal having touch screen and method for performing function thereof | |
| JP6091231B2 (en) | Information processing apparatus and computer program | |
| KR101131215B1 (en) | Method of processing hyperlink, mobile communication terminal for implementing the method and computer-readable store media | |
| CN105653090A (en) | Scrollbar control method and device | |
| CN113377254A (en) | Input text selection method and device | |
| KR20110020647A (en) | GI provision method and applied multimedia device | |
| TW201220086A (en) | Exchanging and displaying system for webpages and method thereof | |
| HK1180058A (en) | User interface for editing a value in place |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20120418 |