Resizing an Editable Area in a Web Page
First Claim
1. A method for resizing an editable Web page zone of a Web page, the method comprising:
- receiving an editable Web page zone of a Web page, the editable Web page zone comprising a first HTML DIV element;
providing along a lower border of the editable Web page zone a lower resize marker for vertically resizing the editable Web page zone;
receiving an indication of a selection of the lower resize marker for vertically resizing the editable Web page zone;
in response to receiving an indication of a selection of the lower resize marker for vertically resizing the editable Web page zone disposing a top hidden DIV element and a bottom hidden DIV element onto the Web page zone;
replicating an HTML content contained in the first HTML DIV element into the top hidden DIV element;
if an HTML line break tag is at the end of the HTML content replicated to the top hidden DIV element, removing a line break tag from the end of the replicated HTML content in the top hidden DIV element;
if an HTML line break tag is not at the end of the HTML content replicated to the top hidden DIV element, removing all HTML content from the top hidden DIV element;
replicating the HTML content contained in the first HTML DIV element into the bottom hidden DIV element, and adding an HTML line break tag to the end of the HTML content replicated into the bottom hidden DIV element;
continually monitoring a vertical position of the lower resize marker; and
,if the vertical position of the lower resize marker crosses a lower boundary of the top hidden DIV element, removing one or more HTML line break tags from the end of the HTML content contained in the first HTML DIV element;
if the vertical position of the lower resize marker crosses a lower boundary of the bottom hidden DIV element, appending one or more HTML line break tags to the end of the HTML content contained in the first HTML DIV element.
2 Assignments
0 Petitions
Accused Products
Abstract
Embodiments of the present invention provide for vertically and/or horizontally resizing a zone or DIV element of a Web page via a browser-based Web authoring tool, while preserving a DIV element'"'"'s ability to dynamically size to its Web content. Drag and drop vertical resizing of a DIV element is accomplished by creating two hidden DIV elements that are set to the specific left/top anchor, width, and altered HTML content of the DIV element to be resized. The two hidden DIV elements provide specific top and bottom pixel height limits to determine when a line break should be appended or decremented to the original DIV element'"'"'s HTML content. By utilizing line breaks to vertically resize, a DIV element maintains its capability of sizing to dynamic Web content.
-
Citations
20 Claims
-
1. A method for resizing an editable Web page zone of a Web page, the method comprising:
-
receiving an editable Web page zone of a Web page, the editable Web page zone comprising a first HTML DIV element; providing along a lower border of the editable Web page zone a lower resize marker for vertically resizing the editable Web page zone; receiving an indication of a selection of the lower resize marker for vertically resizing the editable Web page zone; in response to receiving an indication of a selection of the lower resize marker for vertically resizing the editable Web page zone disposing a top hidden DIV element and a bottom hidden DIV element onto the Web page zone; replicating an HTML content contained in the first HTML DIV element into the top hidden DIV element; if an HTML line break tag is at the end of the HTML content replicated to the top hidden DIV element, removing a line break tag from the end of the replicated HTML content in the top hidden DIV element; if an HTML line break tag is not at the end of the HTML content replicated to the top hidden DIV element, removing all HTML content from the top hidden DIV element; replicating the HTML content contained in the first HTML DIV element into the bottom hidden DIV element, and adding an HTML line break tag to the end of the HTML content replicated into the bottom hidden DIV element; continually monitoring a vertical position of the lower resize marker; and
,if the vertical position of the lower resize marker crosses a lower boundary of the top hidden DIV element, removing one or more HTML line break tags from the end of the HTML content contained in the first HTML DIV element; if the vertical position of the lower resize marker crosses a lower boundary of the bottom hidden DIV element, appending one or more HTML line break tags to the end of the HTML content contained in the first HTML DIV element. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8)
-
-
9. A computer readable medium containing computer executable instructions which when executed by a computer perform a method for resizing an editable Web page zone of a Web page, the method comprising:
-
receiving an editable Web page zone of a Web page, the editable Web page zone comprising a first HTML DIV element; providing along a lower border of the editable Web page zone a lower resize marker for vertically resizing the editable Web page zone; receiving an indication of a selection of the lower resize marker for vertically resizing the editable Web page zone; in response to receiving an indication of a selection of the lower resize marker for vertically resizing the editable Web page zone disposing a top hidden DIV element and a bottom hidden DIV element onto the Web page zone; replicating an HTML content contained in the first HTML DIV element into the top hidden DIV element; if an HTML line break tag is at the end of the HTML content replicated to the top hidden DIV element, removing a line break tag from the end of the replicated HTML content in the top hidden DIV element; if an HTML line break tag is not at the end of the HTML content replicated to the top hidden DIV element, removing all HTML content from the top hidden DIV element; replicating the HTML content contained in the first HTML DIV element into the bottom hidden DIV element, and adding an HTML line break tag to the end of the HTML content replicated into the bottom hidden DIV element; continually monitoring a vertical position of the lower resize marker; and
,if the vertical position of the lower resize marker crosses a lower boundary of the top hidden DIV element, removing one or more HTML line break tags from the end of the HTML content contained in the first HTML DIV element; if the vertical position of the lower resize marker crosses a lower boundary of the bottom hidden DIV element, appending one or more HTML line break tags to the end of the HTML content contained in the first HTML DIV element. - View Dependent Claims (10, 11, 12, 13, 14)
-
-
15. A method for resizing an editable Web page zone of a Web page, the method comprising:
-
receiving an editable Web page zone of a Web page, the editable Web page zone comprising a first HTML DIV element; providing along a lower border of the editable Web page zone a lower resize marker for vertically resizing the editable Web page zone; receiving an indication of a selection of the lower resize marker for vertically resizing the editable Web page zone; in response to receiving an indication of a selection of the lower resize marker for vertically resizing the editable Web page zone disposing a top hidden DIV element and a bottom hidden DIV element onto the Web page zone; replicating an HTML content contained in the first HTML DIV element into the top hidden DIV element; if an HTML line break tag is at the end of the HTML content replicated to the top hidden DIV element, removing a line break tag from the end of the replicated HTML content in the top hidden DIV element; if an HTML line break tag is not at the end of the HTML content replicated to the top hidden DIV element, removing all HTML content from the top hidden DIV element; replicating the HTML content contained in the first HTML DIV element into the bottom hidden DIV element, and adding an HTML line break tag to the end of the HTML content replicated into the bottom hidden DIV element; continually monitoring a vertical position of the lower resize marker; and
,if the vertical position of the lower resize marker crosses a lower boundary of the top hidden DIV element, removing one or more HTML line break tags from the end of the HTML content contained in the first HTML DIV element; if the vertical position of the lower resize marker crosses a lower boundary of the bottom hidden DIV element, appending one or more HTML line break tags to the end of the HTML content contained in the first HTML DIV element; providing along an upper border of the editable Web page zone an upper resize marker for vertically resizing the editable Web page zone; receiving an indication of a selection of the upper resize marker for vertically resizing the editable Web page zone; in response to receiving an indication of a selection of the upper resize marker for vertically resizing the editable Web page zone, disposing a padded DIV element above the first HTML DIV element, and; if a vertical position of the upper resize marker is moved downward a distance equivalent to a distance between the lower boundary of the top hidden DIV element and a lower boundary of the first HTML DIV element, removing an HTML line break tag from the end of the HTML content contained in the first HTML DIV element; and increasing a height of the padding DIV element by the distance equivalent to a distance between the lower boundary of the top hidden DIV element and a lower boundary of the first HTML DIV element; and if a vertical position of the upper resize marker is moved upward a distance equivalent to the distance between the lower boundary of the bottom hidden DIV element and the first HTML DIV element; appending an HTML line break tag to the end of the HTML content contained in the first HTML DIV element; and decreasing a height of the padding DIV element by the distance equivalent to a distance between the lower boundary of the top hidden DIV element and a lower boundary of the first HTML DIV element. - View Dependent Claims (16, 17, 18, 19, 20)
-
Specification