Flexible, dynamic menu-based web-page architecture

• US 7,962,522 B2
• Filed: 06/03/2004
• Issued: 06/14/2011
• Est. Priority Date: 06/03/2003
• Status: Active Grant

• Current Assignee: Iii, Forbes Holten Norris
• Original Assignee: Iii, Forbes Holten Norris
• Inventors: Norris, Forbes Holten III
• Primary Examiner(s): Ali; Mohammad
• Assistant Examiner(s): Darno; Patrick A
• Application Number:
  US10/558,773
• Publication Number:
  US 20060242557A1
• Time in Patent Office: 2,567 Days
• Field of Search: 707/792, 707/793, 707/805, 715/206, 715/207, 715/234, 715/252
• US Class Current: 707/792
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 40/106 Display of layout of documents; Previewing
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
• CPC Class Codes: G06F 40/177 of tables; using ruled lines

Abstract

A method of displaying and navigating information using a hierarchical, spring loaded DHTML menu system that adjusts to fit the boundaries of a resizable, container (FIG. 1). A set of standard HTML table row elements, having a hierachical dependency (11), is consistently displayed as a web-page, under reasonable resizing. This is done using a strut row that produces the largest width requirement when the table structure is resizing to occupy a small width. Only the current row elements and the strut element are required in calculating table resizing to ensure that whichever data elements are displayed when a web-page resizing occurs, the browser auto-layout algorithm calculations will result in a resize attributes that enables all other row elements of that menu to be accommodated by the newly determined table width. As the row elements may themselves be table structures, nested menus of information may be displayed and navigated (12).

Claims

1. A method of navigating information in a web browser, comprising:

providing information as hierarchically linked digital data comprising a set of table data cells, each table data cell being a member of a row element, and each row element, apart from a root row element, being a hierarchal descendant of one of said table data cells;

displaying a first sub-set of said table data cells on a display device as a first, multi-element menu of a web-page, contained by an HTML block element and formatted according to instructions comprising using a width instruction supplied by a non-displayed strut row, said strut row being pre-selected from said plurality of row elements as the row element producing the largest width requirement when placed in a standard HTML structure and said standard HTML structure is resized to occupy a smaller width; and

responding to a selection of one of said displayed table data cells, said response comprising;

matching a width instruction of a second row element that is the immediate, hierarchical descendent of said selected table data cell to said width instruction of said strut row; and

displaying said second sub-set of table data cells on said display device as a second, multi-element spring-loaded menu formatted according to instructions associated with said second row element including said matched width instruction, so that said second, multi-element menu has a width substantially equal to a width of said strut row while enabling all displayed sections of said web-page.

2. The method of claim 1 wherein enabling comprises allowing activation of one or more displayed functional HTML elements.

3. The method of claim 1 wherein said display device comprises one of an liquid crystal display (LCD), an organic liquid crystal display, a cathode ray display and a plasma display.

4. The method of claim 2 wherein said functional HTML element comprises a link to a second web-page.

5. The method of claim 1 wherein responding comprises one of a mouse over, moving a cursor in a vicinity of said display of said selected table data cell, hovering a cursor or a pointer over said selected data cell and touching, using a finger or a pointer device, a region of said display device displaying said selected table data cell.

6. The method of claim 1 wherein said matching a width instruction further comprises adjusting a font size instruction of one or more of said second sub-set of row elements.

7. The method of claim 6 further comprising resizing said web-page in response to a resize request, and, subsequent to said resizing, responding to a selection of one of said displayed table data cells, said response comprising:

matching a width instruction of a second row element that is the immediate, hierarchical descendent of said selected table data cell to said width instruction of said strut row; and

displaying said second sub-set of table data cells on said display device as a second, multi-element spring-loaded menu formatted according to instructions associated with said second row element, including said matched width instruction, so that said second, multi-element menu has a width substantially equal to a width of said strut row while enabling all displayed sections of said web-page.

8. The method of claim 2 further comprising capturing said displayed menu;

moving said captured menu to a displayed, destination table data cell;

recalculating a strut row for said captured menu and displaying said menu adjusted in width to match a width of said destination table data cell, thereby providing dynamic dockability to said display of table row elements.

9. The method of claim 2 further comprising capturing said displayed menu;

moving said captured menu to a displayed, destination table data cell;

recalculating a strut row for said captured menu and displaying said menu adjusted in width to match a width of the parent row element of said destination table data cell, thereby providing dynamic dockability to said display of table row elements.

10. The method of claim 1 wherein one or more of said table data cells comprise a spring loaded menu.

11. The method of claim 1 wherein one or more of said table data cells comprise a table element.

12. The method of claim 1 wherein said display of said second sub-set of table data cells obscures said display of said first sub-set of table data cells.

13. The method of claim 1 further comprising a padding element matched in size to said width instruction and in height to a height instruction of said menu, thereby facilitating display of said menu without obscuring any web content displayed prior to said display of said menu.

14. A computer readable medium comprising instructions for:

navigating information in a web browser, comprising;

providing information as hierarchically linked digital data comprising a set of table data cells, each table data cell being a member of a row element, and each row element, apart from a root row element, being a hierarchal descendant of one of said table data cells;

displaying a first sub-set of said table data cells on a display device as a first, multi-element menu of a web-page, contained by an HTML block element and formatted according to instructions comprising using a width instruction supplied by a non-displayed strut row, said strut row being pre-selected from said plurality of row elements as the row element producing the largest width requirement when placed in a standard HTML structure and said standard HTML structure is resized to occupy a smaller width; and

responding to a selection of one of said displayed table data cells, said response comprising;

matching a width instruction of a second row element that is the immediate, hierarchical descendent of said selected table data cell to said width instruction of said strut row; and

displaying said second sub-set of table data cells on said display device as a second, multi-element spring-loaded menu formatted according to instructions associated with said second row element including said matched width instruction, so that said second, multi-element menu has a width substantially equal to a width of said strut row while enabling all displayed sections of said web-page.