Dynamic Input Control Detachment for HTML DOM Efficiency
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing client-server communication systems using HTML documents with input controls, such as checkboxes, face inefficiencies in processing and transmitting control values, particularly when JavaScript is used for customization, as it can be slower than native browser operations, impacting execution speed and resource usage.
Innovation Solution
A system and method that dynamically attach and detach input controls from an HTML document based on events, using a script like JavaScript to manage control values in a hidden field, allowing for efficient data encoding and transmission, and maintaining control values in memory for updates, reducing the need for extensive enumeration and enhancing processing efficiency.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If JavaScript is used to manage input controls for customization, then flexibility and adaptability are improved, but execution speed deteriorates
Solution Approach 1:
The patent extracts the input control elements from the main HTML document and stores them in a separate, dedicated container element. This separation allows the document to remain lightweight while maintaining access to customized controls through the extracted container, resolving the contradiction between document simplicity and functional flexibility.
Solution Approach 2:
The patent introduces a dedicated container element as an intermediary between the HTML document and the input controls. This container serves as a mediator that holds the controls and provides a standardized interface for both the document and the controls, enabling flexible customization without compromising execution speed.
2Ease of operation
If input controls are attached to the document for visibility and interaction, then ease of operation is improved, but device complexity increases
Solution Approach 1:
The patent segments the document structure into distinct components: the main document content and a separate container for input controls. This segmentation allows the document to maintain simplicity while the controls provide user interaction functionality, reducing overall structural complexity.
Solution Approach 2:
The patent creates a universal container element that can hold different types of input controls and serve multiple purposes. This multi-functional container simplifies the document structure by providing a single standardized interface for various control types, improving ease of operation without increasing complexity.
3Loss of information
If all input controls are enumerated and sent to the server, then completeness of data transmission is improved, but loss of time increases
Solution Approach 1:
The patent applies partial action by selectively transmitting only the input controls that are currently visible or relevant to the user interaction, rather than enumerating all possible controls. This approach maintains data completeness for active controls while significantly reducing transmission time by excluding inactive or hidden controls.
Solution Approach 2:
The patent implements dynamic data transmission where the set of controls to be sent is determined at runtime based on user interaction and visibility. This dynamic approach allows the system to adapt the transmission scope to actual needs, ensuring completeness of relevant data while minimizing transmission time through selective inclusion.
Data Source
AI summary
A system and method for facilitating the processing of an expansion list. A script associated with an HTML document performs actions to process the expansion list. Actions include detaching the list of input controls from the HTML DOM when the list is not displayed and reattaching the list when it is displayed. Actions may also include maintaining the value of each input control, and processing each input control selection to update the value. The script may send value data to a server using a technique such as a hidden field or another element in the HTML DOM.