PAGE BASED NAVIGATION AND PRESENTATION OF WEB CONTENT

• US 20130145252A1
• Filed: 11/30/2012
• Published: 06/06/2013
• Est. Priority Date: 12/02/2011
• Status: Abandoned Application

• Current Assignee: Opera Software ASA
• Original Assignee: Opera Software ASA
• Inventors: LIE, Hakon Wium, BOLSTAD, Lars Erik
• Application Number:
  US13/691,192
• Publication Number:
  US 20130145252A1
• Time in Patent Office: Days
• US Class Current: 715/234
• CPC Class Codes: G06F 16/00 Information retrieval; Database structures therefor; File system structures therefor
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]

Abstract

A first aspect of the present invention is directed to a method whereby a web browser rearranges the content of a retrieved webpage into a sequence of discrete pages, each fitting within the viewport dimensions. According to the first aspect, the user can navigate the content by performing simple inputs interpreted as page-switching commands for viewing a next or previous discrete page. Further, according to a second aspect of the present invention, more than one discrete page can be displayed at a time. As such, the page-switching commands can be used for moving from the set of N (where N≧2) discrete pages currently displayed to the next or previous N discrete pages in the sequence.

Claims

1. A method implemented by a web browser for displaying a markup language document comprising:

retrieving the document via a network;

rearranging the document'"'"'s content into a plurality of displayable discrete pages; and

displaying two or more of the discrete pages at a time.

2. The method of claim 1, wherein the two or more of the discrete pages are displayed side by side.

3. The method according to claim 1, further comprising:

displaying a first set of two or more of the discrete pages;

determining a second set of two or more of the discrete pages to be displayed, the second set being different from the first set, the second set being determined as a result of processing one of a touchscreen gesture, a joystick gesture, a clicking of an on-screen element, and a pressing of a hardware button by a user; and

displaying the second set of two or more discrete pages in place of the first set of two or more discrete pages.

4. The method according to claim 3, wherein

the plurality of discrete pages are defined according to a sequence, and

the one of the touchscreen gesture, clicking of a screen element and pressing of a hardware button is interpreted as a command to navigate to:

the next N discrete pages in the sequence (N≧

2), or

the previous N discrete pages in the sequence.

5. The method according to claim 1, wherein

each of the discrete pages are defined as a hierarchical set of elements in markup language code, and

the two or more of the discrete pages are displayed by:

generating N layout elements (N≧

2) by cloning a parent element from one of the discrete pages N times, and

populating at least one of the N layout elements with the contents of another of the discrete pages.

6. The method according to claim 5, wherein a script is executed to perform the cloning of the parent element from one of the discrete pages.

7. The method according to claim 5, wherein a script is executed to perform the populating of the at least one of the N layout elements.

8. The method according to claim 5, wherein a counter is maintained for at least one of the N layout elements, the method further comprising:

incrementing or decrementing the counter by N in response to processing one of a touchscreen gesture, a joystick gesture, a clicking of an on-screen element, and a pressing of a hardware button by a user; and

repopulating the at least one of the layout elements with the contents of a corresponding one of the discrete pages whose position in the sequence corresponds to the counter.

9. The method according to claim 5, wherein a script is executed to perform repopulating of the at least one of the layout elements.

10. The method according to claim 5, wherein the parent element is a top-level box defined in cascading style sheet (CSS) code.

21. An electronic device including a processor on which is executed the web browser for performing the method of claim 1.

11. A non-transitory computer-readable medium on which is stored coded instructions for executing a web browser which, when executed by a computer processor, performs a process comprising:

retrieving a markup language document via a network;

rearranging the document'"'"'s content into a plurality of displayable discrete pages; and

displaying two or more of the discrete pages at a time.

12. The computer-readable medium of claim 11, wherein the two or more of the discrete pages are displayed side by side.

13. The computer-readable medium according to claim 11, wherein the process further comprises:

displaying a first set of two or more of the discrete pages;

determining a second set of two or more of the discrete pages to be displayed, the second set being different from the first set, the second set being determined as a result of processing one of a touchscreen gesture, a joystick gesture, a clicking of an on-screen element, and a pressing of a hardware button by a user; and

displaying the second set of two or more discrete pages in place of the first set of two or more discrete pages.

14. The computer-readable medium according to claim 13, wherein

the plurality of discrete pages are defined according to a sequence, and

the one of the touchscreen gesture, clicking of a screen element and pressing of a hardware button is interpreted as a command to navigate to:

the next N discrete pages in the sequence (N≧

2), or

the previous N discrete pages in the sequence.

15. The computer-readable medium according to claim 11, wherein

each of the discrete pages are defined as a hierarchical set of elements in markup language code, and

the two or more of the discrete pages are displayed by:

generating N layout elements (N≧

2) by cloning a parent element from one of the discrete pages N times, and

populating at least one of the N layout elements with the contents of another of the discrete pages.

16. The computer-readable medium according to claim 15, wherein a script is executed to perform the cloning of the parent element from one of the discrete pages.

17. The computer-readable medium according to claim 15, wherein a script is executed to perform the populating of the at least one of the N layout elements.

18. The computer-readable medium according to claim 15, wherein a counter is maintained for at least one of the N layout elements, the method further comprising:

incrementing or decrementing the counter by N in response to processing one of a touchscreen gesture, a joystick gesture, a clicking of an on-screen element, and a pressing of a hardware button by a user; and

repopulating the at least one of the layout elements with the contents of a corresponding one of the discrete pages whose position in the sequence corresponds to the counter.

19. The computer-readable medium according to claim 15, wherein a script is executed to perform repopulating of the at least one of the layout elements.

20. The computer-readable medium according to claim 15, wherein the parent element is a top-level box defined in cascading style sheet (CSS) code.