Scrolling web pages using direct interaction

• US 7,434,173 B2
• Filed: 08/30/2004
• Issued: 10/07/2008
• Est. Priority Date: 08/30/2004
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Corporation
• Inventors: Jarrett, Robert J., Duncan, Richard J., Rimas-Ribikauskas, Emily K.
• Primary Examiner(s): Hailu; Tadesse
• Assistant Examiner(s): Ulrich; Nicholas S
• Application Number:
  US10/928,747
• Publication Number:
  US 20060048071A1
• Time in Patent Office: 1,499 Days
• Field of Search: 715/784, 715/785, 715/786, 715/787, 345/179, 345/684, 345/173
• US Class Current: 715/784
• CPC Class Codes: G06F 3/0485 Scrolling or panning

Abstract

Aspects of the present invention provide a system and method for scrolling or dragging information on a display. A panning tool is provided that may scroll information, such as a web page, on a display in tandem with movement of a cursor. If interactive elements are present on the page or document, an interactive element may be activated as desired. Scrolling may be accomplished with the panning tool either on non-interactive elements or interactive elements that are not required to be activated. Furthermore, inertia of movement of the information on a display is optimized and autoscrolling is provided in which a page or document may be scrolled without dragging.

Claims

1. A method of providing a display control mechanism for information in a handheld computer or tablet PC, comprising:

displaying information of a webpage in a display area on a display in said data processing system, the displayed information comprising at least one interactive element and non-interactive element of said webpage;

displaying a cursor on said display, said cursor capable of being activated by an input device;

detecting activation of said cursor;

determining an activation position of said cursor, said activation position being the position of said cursor on said display at which said detected activation occurred, said activation position being determined in relation to the at least one interactive element and non-interactive element;

detecting movement of said cursor after being activated; and

in response to detecting said activation and movement, determining whether the display area on the display is to be scrolled by performing the following;

determining whether the portion of said webpage at the activation position contains an interactive element or non-interactive element of said webpage,

if the portion of said webpage is determined to contain a non-interactive element of said webpage, scrolling the displayed information in tandem with said movement of said cursor in the display area, and

if the portion of said webpage is determined to contain an interactive element of said webpage, making a further determination as to whether to activate the contained interactive element or perform scrolling of the display area based on a defined behavior for the contained interactive element.

3. The method of claim 1, wherein

for the interactive elements in the group consisting of an editing handle, a hyperlink, a text box, a password box, an applet, an object, an ONDRAOSTART Javascript handler, Javascript/DHTML, ActiveX, JAVA applets, and an ONMOUSEDOWN Javascript handler, the behaviors are defined to prevent scrolling of the displayed information to be performed according to the further determination.

4. The method of claim 1 wherein the direction of the scrolling of the displayed information is within a tolerance range of the direction of the moving of the cursor.

5. The method of claim 4 wherein the tolerance range is 20 pixels.

6. The method of claim 4 wherein the direction of scrolling of the displayed information is horizontal or vertical.

20. The method of claim 1, wherein an element of the webpage is classified as either an interactive or non-interactive element based on an HTML tag associated with the element.

21. The method of claim 1, wherein

for an interactive element with an element style set to cursor and an attribute set to hand, the defined behavior causes scrolling of the displayed information to be performed according to the further determination.

2. The method of claim, wherein

for the interactive elements in the group consisting of a button, checkbox, radio, and an ONCLICK Javascript handler, the behaviors are defined to cause scrolling of the displayed information to be performed according to the further determination.

7. A system for providing a display control mechanism for information in a data processing system, comprising:

a display for displaying information in a display area and displaying a cursor, the displayed information comprising at least one interactive element and non-interactive element, said cursor capable of being activated by an input device;

a processor for;

detecting activation of said cursor;

determining an activation position of said cursor, said activation position being the position of said cursor on said display at which said detected activation occurred, said activation position being determined in relation to the at least one interactive element and non- interactive element;

in response to detecting said activation and movement, determining whether the display area on the display is to be scrolled based on a determination of whether the portion of the displayed information at the activation position contains an interactive element or non-interactive element,

wherein the displayed information is scrolled in the display in tandem with moving said cursor in the display area if an element underlying said cursor when activated in the display area is determined to be a non-interactive element, and

wherein if an element underlying said cursor when activated in the display area is determined to be an interactive element, a further determination is made as to whether to perform scrolling of the display area based on the underlying interactive element.

8. The system of claim 7, wherein

the further determination is made based on a defined behavior for the underlying interactive element, and

for the interactive elements in the group consisting of a button, checkbox, radio, and an ONCLICK Javascript handler, the behaviors are defined to cause scrolling of the display information to be performed according to the further determination.

9. The system of claim 7, wherein

the further determination is made based on a defined behavior for the underlying interactive element, and

for the interactive elements in the group consisting of an editing handle, a hyperlink, a text box, a password box, an applet, an object, an ONDRAGSTART Javascript handler, Javascript/DHTML, ActiveX, JAVA applets, and an ONMOUSEDOWN Javascript handler, the behaviors are defined to prevent scrolling of the displayed information to be performed according to the further determination.

10. The system of claim 7 wherein the information is a web page.

11. The system of claim 7 wherein the direction of the scrolling of the displayed information is within a tolerance range of the direction of the moving of the cursor.

12. The system of claim 11 wherein the tolerance range is 20 pixels.

13. The system of claim 11 wherein the direction of scrolling of the displayed information is horizontal or vertical.

22. The system of claim 7, wherein an element of the displayed information is classified as either an interactive or non-interactive element based on an HTML tag associated with the element.

23. The system of claim 7, wherein the data processing system is a handheld computer or tablet PC.

24. The system of claim 7, wherein

the further determination is made based on a defined behavior for the underlying interactive element, and

for an interactive element with an element style set to cursor and an attribute set to hand, the defined behavior causes scrolling of the displayed information to be performed according to the further determination.

14. A computer-readable storage medium comprising executable code for causing a handheld computer or tablet PC to perform the steps of:

displaying information of a webpage in a display area on a display, the displayed information comprising at least one interactive element and non-interactive element of said webpage;

displaying a cursor on said display, said cursor capable of being activated by an input device;

detecting activation of said cursor and detecting the activation position of said cursor, the activation position being the position on the display at which said cursor was activated, said activation position being determined in relation to the at least one interactive element and non-interactive element;

determining an activation position of said cursor, said activation position being the position of said cursor on said display in relation to the at least one interactive element and non-interactive element;

detecting movement of said cursor after being activated; and

in response to detecting said activation and movement, determining whether the display area on the display is to be scrolled by performing the following;

determining whether the portion of said webpage at the activation position contains an interactive element or non-interactive element of said webpage,

if the portion of said webpage is determined to contain a non-interactive element of said webpage, scrolling the displayed information in tandem with said movement of said cursor in the display area, and

if the portion of said webpage is determined to contain an interactive element of said webpage, making a further determination as to whether to activate the contained interactive element or perform scrolling of the display area based on a defined behavior for the contained interactive element.

15. The computer-readable storage medium of claim 14, wherein

for the interactive elements in the group consisting of a button, checkbox, radio, and an ONCLICK Javascript handler, the behaviors are defined to cause scrolling of the displayed information to be performed according to the further determination.

16. The computer-readable storage medium of claim 14, wherein

for the interactive elements in the group consisting of an editing handle, a hyperlink, a text box, a password box, an applet, an object, an ONDRAGSTART Javascript handler, Javascript/DHTML, ActiveX, JAVA applets, and an ONMOUSEDOWN Javascript handler.

17. The computer readable storage medium of claim 14 wherein the direction of the scrolling of the displayed information is within a tolerance range of the direction of the moving of the cursor.

18. The computer readable storage medium of claim 17 wherein the tolerance range is 20 pixels.

19. The computer readable storage medium of claim 17 wherein the direction of scrolling of the displayed information is horizontal or vertical.

25. The computer readable storage medium of claim 14, wherein an element of the webpage is classified as either an interactive or non-interactive element based on an HTML tag associated with the element.

26. The computer readable storage medium of claim 14, wherein

for an interactive element with an element style set to cursor and an attribute set to hand, the defined behavior causes scrolling of the displayed information to be performed according to the further determination.