System and method for rendering on-screen iconic buttons with dynamic textual link

• US 5,986,654 A
• Filed: 05/29/1997
• Issued: 11/16/1999
• Est. Priority Date: 05/29/1997
• Status: Expired due to Term

• Current Assignee: Oracle International Corporation (Oracle Corporation)
• Original Assignee: Oracle Corporation
• Inventors: Hoexter, Robert, Alexander, Chip
• Primary Examiner(s): Huynh, Ba
• Application Number:
  US08/864,844
• Time in Patent Office: 901 Days
• Field of Search: 345/326, 345/348, 345/349, 345/352, 345/353, 345/354, 345/357, 345/335, 701/500, 701/501, 701/502
• US Class Current: 715/744
• 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

Abstract

A display button for a web page integrating both a graphic pictorial image with character based textual information (with link) into a single iconic button. By providing a graphic image within a display button, the present invention provides the advantages of a graphic icon, e.g., speed of location and user recognition as well as increased meaning. By providing a character based dynamic textual link, the present invention provides an iconic button whose information can be readily translated between various languages (e.g., Italian, English, French, German, etc.) without requiring the image to be redrawn using complex and time consuming means; e.g., using an artist and a drawing tool. Instead, translation can be accomplished using automatic word and/or phrase conversion. Preferably, the display button of the present invention is represented in a table structure within HTML. The table structure contains two end cells which display graphic images therein and in between them a slightly shorter text cell is inserted that can display character based text. Filling the height difference between the text cell and the end cells are thin horizontal row cells that are colored to mach the end cells. The background colors of all the cells are selected to create a visual image of a complete display button having both graphic images and textual information. The display button can be selected by a user to obtain further display information or to advance to another web page or another website (e.g., used as a link). Within the present invention, a subroutine structure can be created in a language called JavaScript that is useful in reducing the amount of program code required to generate multiple display buttons in a single web page.

Claims

1. In a computer system having a processor coupled to bus, a memory coupled to said bus and a display screen, instructions stored in said memory for generating a display button on said display screen when executed by said processor, said instructions comprising:

first cell instructions for creating a first end cap display region and identifying a first graphic image for display in said first end cap display region;

second cell instructions for creating a second end cap display region and identifying a second graphic image for display in said second end cap display region;

third cell instructions for creating a text display region to be rendered between said first and second end cap display regions and having a character based textual link for display therein with a text background color;

fourth cell instructions for creating a first upper row display region of a first background color to be rendered between said first and second end cap display regions and above said text display region; and

fifth cell instructions for creating a first lower row display region of a second background color to be rendered between said first and second end cap display regions and below said text display region, wherein said display regions integrate said graphic images and said textual link into one unified visual display button on said display screen and wherein said first and second graphic images are displayed whether or not said display button is selected and wherein further said first, second, third, fourth and fifth cell instructions are of Hypertext Markup Language (HTML) format residing within a Web page definition, and

wherein said cell instructions compose said display button with said first and second graphic images, said character based textual link, said first upper row display region and said first lower row display region at a time when said Web page definition is rendered.

2. Computer processed instructions stored in memory as described in claim 1 wherein said textual link is a program call to a function to be performed by said computer system upon a user selecting said text display region.

3. Computer processed instructions stored in memory as described in claim 1 wherein said textual link is an HTML hypertext link for causing said computer system to connect to a predetermined web site upon a user selecting said text display region.

4. Computer processed instructions stored in memory as described in claim 1 further comprising:

sixth cell instructions for creating a second upper row display region of a third background color to be rendered between said first upper row display region and said text display region; and

seventh cell instructions for creating a second lower row display region of a fourth background color to be rendered between said first lower row display region and said text display region, said first and second upper row display regions and said first and second lower row display regions creating a boundary adding depth to said display button and wherein said text background color matches one of said first and second graphic images.

5. Computer processed instructions stored in memory as described in claim 1 wherein said first and second graphic images on said display screen with said first upper row display region and said first lower row display region create a graphic outline of said unified visual display button.

6. Computer processed instructions stored in memory as described in claim 5 wherein said first graphic image on said display screen supports, in meaning, said textual link of said text display region.

13. A method as described in claim 1 wherein said first and second graphic images on said display screen, said first upper row display region and said first lower row display region create a graphic outline of said unified visual display button.

7. In a computer system having a processor coupled to bus, a memory coupled to said bus and containing hypertext markup language (HTML) cell instructions and a display screen, a method of displaying a display button for a web page, said method comprising the steps of:

from first cell instructions, rendering a first graphic image into a first end cap display region on said display screen;

from second cell instructions, rendering a second graphic image into a second end cap display region on said display screen;

from third cell instructions, rendering a character based textual link having a text background color within a text display region displayed between said first and second end cap display regions, said text background color matching one of said first and second graphic images, and

wherein said first graphic image on said display screen supports, in meaning, said textual link of said text display region;

from fourth cell instructions, rendering a first upper row display region having a first background color and displayed between said first and second end cap display regions and above said text display region; and

from fifth cell instructions, rendering a first lower row display region having a second background color and displayed between said first and second end cap display regions and below said text display region, and

wherein said display regions integrate said graphic images and said textual link into a unified visual display button displayed on said display screen and wherein said first and second graphic images are displayed whether or not said display button is selected and wherein further said first, second, third, fourth and fifth cell instructions are of HTML format residing within a Web page definition, and

wherein said cell instructions compose said display button with said first and second graphic images, said character based textual link, said first upper row display region and said first lower row display region at a time when said Web page definition is rendered.

8. A method as described in claim 7 further comprising the step of obtaining said character based textual link from a result of a run-time computer operation.

9. A method as described in claim 7 further comprising the steps of:

translating a first word in character based format of a first language into a second word in character based format of a second language; and

storing said second word in character based format into said third cell instructions as said character based textual link.

10. A method as described in claim 7 wherein said character based textual link is a link to a function to be performed by said computer system and further comprising the step of performing said function upon a user selecting said text display region.

11. A method as described in claim 7 wherein said character based textual link is an HTML hypertext link to a predetermined web site and further comprising the step of connecting to said web site upon a user selecting said text display region.

12. A method as described in claim 11 further comprising the steps of:

from sixth cell instructions rendering a second upper row display region of a third background color to be rendered between said first upper row display region and said text display region; and

from seventh cell instructions creating a second lower row display region of a fourth background color to be rendered between said first lower row display region and said text display region, said first and second upper row display regions and said first and second lower row display regions creating a boundary adding depth to said display button.

14. A computer system comprising a processor coupled to a bus, a computer readable memory unit coupled to said bus and a display coupled to said bus, said computer readable memory unit containing instructions that when executed implement method of displaying a display button for a web page, said method comprising the steps of:

from first cell instructions, rendering a first graphic image into a first end cap display region on said display screen;

from second cell instructions, rendering a second graphic image into a second end cap display region on said display screen;

from third cell instructions, rendering a character based textual link having a text background color within a text display region displayed between said first and second end cap display regions, said text background color matching one of said first and second graphic images, and

wherein said first graphic image on said display screen supports, in meaning, said textual link of said text display region;

from fourth cell instructions, rendering a first upper row display region having a first background color and displayed between said first and second end cap display regions and above said text display region; and

from fifth cell instructions, rendering a first lower row display region having a second background color and displayed between said first and second end cap display regions and below said text display region, and

wherein said display regions integrate said graphic images and said textual link into a unified visual display button displayed on said display screen and wherein said first and second graphic images are displayed whether or not said display button is selected and wherein further said first, second, third, fourth and fifth cell instructions are of HTML format residing within a Web page definition, and

wherein said cell instructions compose said display button with said first and second graphic images, said character based textual link, said first upper row display region and said first lower row display region at a time when said Web page definition is rendered.

15. A computer system as described in claim 14 wherein said method further comprises the step of obtaining said character based textual link from a result of a run-time computer operation.

16. A computer system as described in claim 14 wherein said method further comprises the steps of:

translating a first word in character based format of a first language into a second word in character based format of a second language; and

storing said second word in character based format into said third cell instructions as said character based textual link.

17. A computer system as described in claim 14 wherein said character based textual link is a link to a function to be performed by said computer system and said method further comprises the step of performing said function upon a user selecting said text display region.

18. A computer system as described in claim 14 wherein said character based textual link is a link to a predetermined web site and said method further comprises the step of connecting to said web site upon a user selecting said text display region.

19. A computer system as described in claim 14 wherein said method further comprises the steps of:

from sixth cell instructions rendering a second upper row display region of a third background color to be rendered between said first upper row display region and said text display region; and

from seventh cell instructions creating a second lower row display region of a fourth background color to be rendered between said first lower row display region and said text display region, said first and second upper row display regions and said first and second lower row display regions creating a boundary adding depth to said display button.

20. A computer system as described in claim 14 wherein said first and second graphic images on said display, said first upper row display region and said first lower row display region create a graphic outline of said unified visual display button.