Method and Apparatus of Graphical Object Selection in a Web Browser

• US 20120079390A1
• Filed: 11/30/2011
• Published: 03/29/2012
• Est. Priority Date: 12/14/2006
• Status: Active Grant

• Current Assignee: Disney Enterprises Incorporated (The Walt Disney Company)
• Original Assignee: Disney Enterprises Incorporated (The Walt Disney Company)
• Inventors: Ballagh, Jonathan B., Fischaber, Thomas E., Milne, Roger B., Marks, Krista M.
• Granted Patent: US 9,620,084 B2
• Time in Patent Office: Days
• US Class Current: 715/738
• CPC Class Codes: G06F 2203/04804 Transparency, e.g. transparent or translucent windows
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06T 11/00 2D [Two Dimensional] image generation
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text
• CPC Class Codes: G06T 15/503 Blending, e.g. for anti-aliasing
• CPC Class Codes: G09G 2340/12 Overlay of images, i.e. displayed pixel being the result of switching between the corresponding input pixels
• CPC Class Codes: G09G 5/14 Display of multiple viewports

Abstract

Various approaches for selection of graphical objects in a web browser-based application are described. In one approach, a selection overlay is stored in a web document. The selection overlay encompasses a plurality of user-selectable graphical objects in the web document occupies a highest position in layers of graphical objects in the web document and includes a plurality of selection regions. Each selection region is respectively associated with one of the plurality of graphical objects and defines a region of selectability for the associated graphical object. In response to the web browser-based application detecting entry of a user-directed pointer into one of the selection regions in the selection overlay, the graphical object associated with the one selection region is selected for user manipulation and displayed.

Claims

1-21. -21. (canceled)

22. A method for use by a processor for selecting graphical objects in a web browser-based application, the method comprising:

storing a selection overlay in a web document, the selection overlay including a transparent image encompassing a plurality of user selection regions each at a different stacking layer in a web browser stacking layer, wherein each of the plurality of user selection regions is respectively associated with one of a plurality of graphical objects and defines a region of selectability for the associated graphical object, and wherein the selection overlay is a top-most layer in the web browser stacking layer on top of all the layers of the plurality of user selection regions;

displaying the selection overlay including the transparent image encompassing the plurality of user selection regions using the web browser-based application;

detecting, using the web browser-based application, an entry of a user-directed pointer into one of the plurality of user selection regions in the selection overlay;

determining a user selection of the graphical object associated with the one of the plurality of user selection regions; and

displaying the graphical object associated with the one of the plurality of user selection regions in response to the detecting and the determining.

23. The method of claim 22 further comprising:

modifying the one of the plurality of user selection regions associated with the selected graphical object consistent with a user manipulation of the associated graphical object.

24. The method of claim 22 further comprising:

generating each of the plurality of user selection regions from web browser document model elements selected from the group consisting of AREA elements, IMAGEMAP elements, and DIV elements.

25. The method of claim 22, wherein the determining of the user selection is in response to the detecting of the entry of the user-directed pointer into overlapping portions of at least two of the plurality of user selection regions associated with at least two of the plurality of graphical objects in different layers, the method further comprising:

sorting the plurality of graphical objects by size of area occupied by each graphical object; and

selecting one of the at least two graphical objects having a smallest area size.

26. The method of claim 22, wherein the plurality of user selection regions are AREA elements in a plurality of IMAGEMAP elements.

27. The method of claim 22, wherein at least one of the plurality of graphical objects occupies a non-simply connected region and the associated selection region is a simply connected polygon.

28. An article of manufacture, comprising:

a computer readable medium having stored thereon instructions that when executed by a processor perform the steps including;

storing a selection overlay in a web document, the selection overlay including a transparent image encompassing a plurality of user selection regions each at a different stacking layer in a web browser stacking layer, wherein each of the plurality of user selection regions is respectively associated with one of a plurality of graphical objects and defines a region of selectability for the associated graphical object, and wherein the selection overlay is a top-most layer in the web browser stacking layer on top of all the layers of the plurality of user selection regions;

displaying the selection overlay including the transparent image encompassing the plurality of user selection regions using the web browser-based application;

detecting, using the web browser-based application, an entry of a user-directed pointer into one of the plurality of user selection regions in the selection overlay;

determining a user selection of the graphical object associated with the one of the plurality of user selection regions; and

displaying the graphical object associated with the one of the plurality of user selection regions in response to the detecting and the determining.

29. The article of manufacture of claim 28, wherein the steps further comprise:

modifying the one of the plurality of user selection regions associated with the selected graphical object consistent with a user manipulation of the associated graphical object.

30. The article of manufacture of claim 28, wherein the steps further

comprise:

generating each of the plurality of user selection regions from web browser document model elements selected from the group consisting of AREA elements, IMAGEMAP elements, and DIV elements.

31. The article of manufacture of claim 28, wherein the determining of the user selection is in response to the detecting of the entry of the user-directed pointer into overlapping portions of at least two of the plurality of user selection regions associated with at least two of the plurality of graphical objects in different layers, the steps further comprise:

sorting the plurality of graphical objects by size of area occupied by each graphical object; and

selecting one of the at least two graphical objects having a smallest area size.

32. The article of manufacture of claim 28, wherein the plurality of user selection regions are AREA elements in a plurality of IMAGEMAP elements.

33. The article of manufacture of claim 28, wherein at least one of the plurality of graphical objects includes at least two of the plurality of user selection regions that are not connected.

34. An electronic system, comprising:

a memory;

a processor coupled to the memory;

a user-input device coupled to the processor;

wherein the memory is configured with instructions that when executed by the processor select a graphical object in a web browser-based application by performing the steps including;

storing a selection overlay in a web document, the selection overlay including a transparent image encompassing a plurality of user selection regions each at a different stacking layer in a web browser stacking layer, wherein each of the plurality of user selection regions is respectively associated with one of a plurality of graphical objects and defines a region of selectability for the associated graphical object, and wherein the selection overlay is a top-most layer in the web browser stacking layer on top of all the layers of the plurality of user selection regions;

displaying the selection overlay including the transparent image encompassing the plurality of user selection regions using the web browser-based application;

detecting, using the web browser-based application, an entry of a user-directed pointer into one of the plurality of user selection regions in the selection overlay;

determining a user selection of the graphical object associated with the one of the plurality of user selection regions; and

displaying the graphical object associated with the one of the plurality of user selection regions in response to the detecting and the determining.

35. The electronic system of claim 34, wherein the steps further comprise modifying the one of the plurality of user selection regions associated with the selected graphical object consistent with a user manipulation of the associated graphical object.

36. The electronic system of claim 34, wherein the steps further comprise generating each of the plurality of user selection regions from web browser document model elements selected from the group consisting of AREA elements, IMAGEMAP elements, and DIV elements.

37. The electronic system of claim 34, wherein the determining of the user selection is in response to the detecting of the entry of the user-directed pointer into overlapping portions of at least two of the plurality of user selection regions associated with at least two of the plurality of graphical objects in different layers, the steps further comprise:

sorting the plurality of graphical objects by size of area occupied by each graphical object; and

selecting one of the at least two graphical objects having a smallest area size.

38. The electronic system of claim 34, wherein the plurality of user selection regions are AREA elements in a plurality of IMAGEMAP elements.