Systems and methods for horizontally paginating HTML content
View Patent ↗Systems and methods are disclosed for horizontally paginating HTML content. One method includes receiving, at a web browser of a device and over a network, HTML content of dynamic or previously unknown length; and populating an article element with the received HTML content. The method also includes setting a width of the article element to a width of the web browser; setting a column width of the article element to the width of the web browser; and splitting the HTML content into a plurality of pages based on the width of the web browser. The method also includes calculating a number of the plurality of pages based on a scroll width of the article element and the width of the web browser; and displaying a user element and at least one of the plurality of pages based on the calculated number of the plurality of pages.
1. A method for horizontally paginating HTML content, the method including:
receiving, at a web browser of a device and over a network, HTML content of dynamic length that is updated to include new HTML content;
creating an article element that includes the received HTML content;
setting a width of the article element to a width of the web browser;
setting a height of the article element to a height of the web browser;
setting a column width of the article element to the width of the web browser;
splitting the HTML content into a plurality of pages based on the width of the web browser and the height of the web browser;
generating a padding block of HTML content having a width equal to the width of the article element, having a height equal to the height of the article element, and having content to enable a user to return to a menu,
appending the padding block of HTML content to the end of the HTML content to appear as an additional page;
calculating a number of the plurality of pages based on a scroll width of the article element and the width of the web browser; and
displaying a user element and one of the plurality pages in the web browser, the user element being based on the calculated number of the plurality of pages.
2. The method of claim 1 , wherein the number of the plurality of pages is calculated by dividing the scroll width of the article element by the width of the web browser.
3. The method of claim 1 , further comprising:
creating a new paginate instance by passing a pointer to the article element to a constructor; and
using the constructor, determining a height and width of the web browser.
4. The method of claim 3 , further comprising setting a height and width of the article element to the determined height and width of the web browser.
5. The method of claim 1 , wherein the HTML content is split into the plurality of pages based on the width of the web browser by using a cascading style sheet function.
6. The method of claim 5 , wherein the cascading style sheet function is a function for generating columns of text.
7. The method of claim 1 , further comprising hooking window level and custom events to enable handling of user interactions.
8. The method of claim 7 , further comprising modifying a display of the at least one of the plurality of pages based on a received user gesture to the left, user gesture to the right, or reorientation of the device.
9. The method of claim 1 , further comprising hiding the received HTML content before splitting the received HTML content.
10. A device for horizontally paginating HTML content, the device including:
a data storage device storing instructions for horizontally paginating HTML content;
a processor configured to execute the instructions to perform a method including:
receiving, at a web browser of a device and over a network, HTML content of dynamic length that is updated to include new HTML content;
creating an article element that includes the received HTML content;
setting a width of the article element to a width of the web browser;
setting a height of the article element to a height of the web browser;
setting a column width of the article element to the width of the web browser;
splitting the HTML content into a plurality of pages based on the width of the web browser and the height of the web browser;
generating a padding block of HTML content having a width equal to the width of the article element, having a height equal to the height of the article element, and having content to enable a user to return to a menu,
appending the padding block of HTML content to the end of the HTML content to appear as an additional page;
calculating a number of the plurality of pages based on a scroll width of the article element and the width of the web browser; and
displaying a user element and one of the plurality pages in the web browser, the user element being based on the calculated number of the plurality of pages.
11. The device of claim 10 , wherein the number of the plurality of pages is calculated by dividing the scroll width of the article element by the width of the web browser.
12. The device of claim 10 , further comprising:
creating a new paginate instance by passing a pointer to the article element to a constructor; and
using the constructor, determining a height and width of the web browser.
13. The device of claim 12 , further comprising setting a height and width of the article element to the determined height and width of the web browser.
14. The device of claim 10 , wherein the HTML content is split into a plurality of pages based on the width of the web browser by using a cascading style sheet function.
15. The device of claim 14 , wherein the cascading style sheet function is a function for generating columns of text.
16. The device of claim 10 , further comprising hooking window level and custom events to enable handling of user interactions.
17. The device of claim 16 , further comprising modifying a display of the at least one of the plurality pages based on a received user gesture to the left, user gesture to the right, or reorientation of the device.
18. The device of claim 10 , further comprising hiding the received HTML content before splitting the received HTML content.
19. A non-transitory computer-readable medium storing instructions that, when executed by a computer, cause the computer to perform a method of horizontally paginating HTML content, the method including:
creating an article element that includes HTML content received at a web browser of a device and over a network, the HTML content of dynamic length that is updated to include new HTML content;
setting a width of the article element to a width of the web browser;
setting a height of the article element to a height of the web browser;
setting a column width of the article element to the width of the web browser;
splitting the HTML content into a plurality of pages based on the width of the web browser and the height of the web browser;
generating a padding block of HTML content having a width equal to the width of the article element, having a height equal to the height of the article element, and having content to enable a user to return to a menu,
appending the padding block of HTML content to the end of the HTML content to appear as an additional page and initiate a user action, the user action being one of returning to a menu or viewing additional content;
calculating a number of the plurality of pages based on a scroll width of the article element and the width of the web browser; and
generating a display of a user element and one of the plurality of pages in the web browser, the user element being based on the calculated number of the plurality of pages.