Dynamic Browser Window Resizing Without Pre-Positioning Tables
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing graphical interface technologies face challenges in dynamically adapting to varying user screen sizes and languages without requiring extensive pre-definition of element positions or use of tables, leading to inefficiencies in coding and user experience.
Innovation Solution
A method where a generic HTML page is sent to the browser, which captures element sizes, calculates new widths, and resizes elements without pre-positioning information, allowing for dynamic display and customization without modifying the source code, using the real size of elements for optimal combination and updating the display based on user preferences.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If multiple templates or style sheets are used to adapt to different screen sizes and languages, then display adaptability is improved, but device complexity and coding effort increase
Solution Approach 1:
The patent implements a universal display framework where a single HTML template with dynamic styling can adapt to multiple screen sizes, languages, and device types. The system uses a unified structure that automatically adjusts its behavior based on environmental parameters, eliminating the need for separate templates for each scenario while maintaining full adaptability.
Solution Approach 2:
The system dynamically changes display parameters such as font sizes, element widths, and layout configurations based on detected screen dimensions and language preferences. By modifying parameters at runtime rather than creating separate templates, the system achieves adaptability without increasing structural complexity or coding effort.
2Manufacturing precision
If fixed formatting is used for display windows, then manufacturing precision is improved, but adaptability deteriorates
Solution Approach 1:
The patent transitions from static fixed formatting to dynamic formatting that automatically adjusts based on screen characteristics. The display elements maintain precise formatting through programmatic control rather than hard-coded positions, allowing the same precise formatting logic to adapt to any screen size or orientation automatically.
3Stability of the object's composition
If table structures are used for positioning elements, then layout stability is improved, but device complexity increases
Solution Approach 1:
The patent extracts the positioning logic from complex table structures and implements it through simplified CSS styling and absolute positioning. This removes the heavy table-based framework while maintaining layout stability through a lighter, more flexible positioning mechanism that achieves the same structural stability without the complexity overhead.
4Manufacturing precision
If pre-positioning information is included in HTML pages, then layout precision is improved, but adaptability deteriorates
Solution Approach 1:
The system performs preliminary positioning calculations during the initial display phase, capturing the actual rendered positions and sizes of elements. This preliminary action provides the precision data needed for accurate positioning, while the subsequent customization phase can modify these positions dynamically without requiring pre-defined positioning information in the original HTML, thus achieving both precision and adaptability.
Data Source
Figure 1
Figure 2~3
Figure 4
AI summary
The invention concerns a method for visual rendering of data display and input windows on a computer screen. The windows are opened with a browser by a remote Web site user. In response to a request emitted by the user's browser the site returns thereto, via the network whereon they are connected, a generic form of the requested page not including any pre-positioning information. The browser, during a brief display of the generic form of the page, captures the dimensions of the displayed elements, calculates new display widths and redimensions the elements. Thereafter, the browser displays permanently the page whereof the elements have been adjusted to obtain a good visual rendering. The generic form of the page can therefore be defined independently of the user's display means and in particular does not require using a table for positioning the elements to be displayed.