Presenting HTML content on a screen terminal display

• US 7,900,137 B2
• Filed: 10/04/2004
• Issued: 03/01/2011
• Est. Priority Date: 10/22/2003
• Status: Active Grant

• Current Assignee: Opera Software ASA
• Original Assignee: Opera Software ASA
• Inventors: Øygard, Karl Anders, Ivarsøy, Geir, Grimsby, Snorre M.
• Primary Examiner(s): Hong; Stephen S
• Assistant Examiner(s): TSUI, WILSON W
• Application Number:
  US10/956,019
• Publication Number:
  US 20050097444A1
• Time in Patent Office: 2,339 Days
• Field of Search: 715/509, 715/514, 715/526, 715/539, 715/744, 715/517, 715/243, 715/227, 715/209, 715/273, 715/234, 715/238, 715/247, 715/251, 715/252
• US Class Current: 715/238
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents

Abstract

The object of the present invention is to render markup documents within the limits of resolutions smaller than the resolutions for which the markup documents were originally designed, in most cases without introducing horizontal scrolling, while keeping the original fonts, colors, design, and style. The object is achieved by finding and selecting elements whose content takes up too much space horizontally, determining appropriate widths for rendering such elements, and shrinking or horizontally squeezing such elements individually to fit within their respective determined widths. Further, the invention determines the widths for rendering table cells in such manner as to preserve the layout of the corresponding table.

Claims

1. Method for modifying and presenting content in a document written in a markup language for presentation as a page on a display screen of a device with smaller resolution than the document originally is designed for, by means of a browser installed on the device, the markup language document comprising a plurality of containing elements which contain content, the document having at least one multi-column table, the method comprising the steps of:

determining a final width for at least some of the containing elements for rendering on the display screen, wherein;

for each of the at least some of the containing elements which is a table cell, calculating a minimum width and applying the calculated minimum width as a lower limit for the final width of the cell, the minimum width of the cell being calculated by;

overriding any author defined width by setting the width of the cell to auto, and

in the event the cell comprises replaced content external to the document, ignoring the width of the replaced content of the cell;

for each of the at least some of the containing elements which contains non-wrapping content, resizing the non-wrapping content by shrinking or squeezing such content to fit inside the determined final width of the containing element;

repositioning any page element in the document determined to be positioned outside the width of the display screen based on size and functionality of the page element;

for each of the at least some of the containing elements which contains text subject to a wrapping property explicitly defined by an author to restrict wrapping of the text, wrapping the text by overriding the wrapping property when necessary to prevent the text from extending beyond the determined final width of the containing element; and

displaying the document on the display screen according to the determined final widths of the at least some of the containing elements and the repositioning, wherein

in the event the document includes a multi-column table, the document is displayed in accordance with the determined final widths in such manner as to preserve the multi-column layout of the table cells in the table.

2. Method according to claim 1, wherein the at least some of the containing elements includes a containing element, which contains non-wrapping content or text, whose determined final width represents the width of the, screen.

3. Method according to claim 1, wherein the at least some of the containing elements includes a block element which contains non-wrapping content or text.

4. Method according to claim 1, wherein the at least some of the containing elements includes a table cell containing non-wrapping content or text.

5. Method according to claim 1, wherein the page element is repositioned by moving it to the top of the page, to the bottom of the page, or by placing it in a position in the page representative of where the page element is represented in the markup language of the document.

6. Method according to claim 1, wherein the wrapping property is overridden by replacing a CSS white-space “

Pre”

property with a CSS white-space “

Pre-wrap ”

property and by replacing any CSS white-space “

Nowrap”

property with a CSS white-space “

Normal”

property.

7. Method according to claim 1, wherein the wrapping of text by overriding the wrapping, property is done in the middle of a word.

8. Method according to claim 1, wherein the page element is among all types of elements that can be included in the markup language.

9. Electronic device comprising a processing unit, a memory and a display screen for presentation of content in a document written in a markup language as a page on said display screen, and configured to modify and present the document when said display has a smaller resolution than the document originally is designed for, the document comprising a plurality of containing elements which contain content, the document having at least one multi-column table, the electronic device being configured to execute a browser to perform the steps of:

determining a final width for at least some of the containing elements for rendering on the display screen, wherein;

in the event where the document contains table cells, calculating a minimum width as a lower limit for the final width of each of the table cells, the minimum width of each of the table cells being calculated by;

overriding any author defined width by setting the width of the cell to auto, and

in the event the table cell contains replaced content external to the document, ignoring the width of the replaced content of the cell;

for each of the at least some of the containing elements which contains non-wrapping content, resizing the non-wrapping content by shrinking or squeezing such content to fit inside the determined final width of the containing element;

repositioning any page element in the document determined to be positioned outside the width of the display screen based on size and functionality of the page element;

for each of the at least some of the containing elements which contains text subject to a wrapping property explicitly defined by an author to restrict wrapping of the text, wrapping the text by overriding the wrapping property when necessary to prevent the text from extending beyond the determined final width of the containing element; and

displaying the document on the display according to the determined final widths of the at least some of the containing elements and the repositioning, wherein

in the event the document includes a multi-column table, the document is displayed in accordance with the determined final widths in such manner as to preserve the multi-column layout of the table cells in the table.

10. A computer-readable media encoded with a data structure in the form of a web browser program comprising instructions for, when installed and run on an electronic device, modifying and presenting content in a document written in a markup language for presentation on a display screen of the device with smaller resolution than the document originally is designed for, the markup language document comprising a plurality of containing elements which contain content, the document having at least one multi-column table, the web browser program comprising instructions for:

determining a final width for at least some of the containing elements for rendering on the display screen, wherein;

for each of the at least some of the containing elements which is a table cell, calculating a minimum width and applying the calculated minimum width as a lower limit for the final width of the table cell, the minimum width of the table cell being calculated by;

overriding any author defined width by setting the width of the table cell to auto, and

in the event the table cell contains replaced content external to the document, ignoring the width of the replaced content of the cell;

for each of the at least some of the containing elements which contains non-wrapping content, resizing the non-wrapping content by shrinking or squeezing such content to fit inside the determined final width of the containing element;

repositioning any element in the document determined to be positioned outside the width of the display screen based on size and functionality of the page element;

for each of the at least some of the containing elements which contains text subject to a wrapping property explicitly defined by an author to restrict wrapping of the text, wrapping the text by overriding the wrapping property when necessary to prevent the text from extending beyond the determined final width of the containing element; and

displaying the document on the display screen in accordance with the determined final widths of the at least some of the containing elements and the repositioning, wherein

in the event the document includes a multi-column table, the document is displayed in accordance with the determined final widths in such manner as to preserve the multi-column layout of the table cells in the table.