Content-Based Webpage Navigation Bypassing Irrelevant DOM Nodes
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional navigation techniques in webpages are node-neutral, requiring users to traverse all focusable elements sequentially, which is inefficient and inconvenient, especially in congested webpages with many focusable nodes, as they do not account for content settings or the nature of nodes during navigation.
Innovation Solution
A method and system that allow navigation based on content-based settings, where a Document Object Model (DOM) tree is searched for matching content settings, enabling users to bypass non-desired focusable elements and navigate directly to desired ones by identifying and highlighting only relevant nodes according to user-defined criteria.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Productivity
If conventional node-neutral navigation is used to traverse all focusable elements sequentially, then all elements can be accessed, but navigation time increases significantly in congested webpages with many focusable nodes
Solution Approach 1:
The patent changes the navigation parameter from sequential spatial traversal to content-based filtering. By introducing content-type parameters (e.g., navigating only to text boxes, only to hyperlinks, or only to specific element types), the system transforms the navigation problem from visiting all nodes to visiting only relevant nodes based on content criteria, thereby significantly reducing navigation time in congested webpages.
Solution Approach 2:
The patent segments the set of all focusable elements into subsets based on content type and user-defined criteria. Instead of treating all elements uniformly, the system divides them into categories (e.g., input fields, links, images) and allows navigation within specific segments, enabling users to jump directly to relevant element types without traversing unrelated elements.
2Ease of operation
If sequential traversal through all focusable nodes is performed, then complete coverage is achieved, but user convenience deteriorates due to inability to skip irrelevant elements
Solution Approach 1:
The patent introduces content-based parameters that allow users to define navigation criteria (e.g., element type, content characteristics). This transforms the navigation experience from mandatory sequential traversal to selective jumping based on user-defined parameters, significantly improving ease of operation by allowing users to skip irrelevant elements and directly reach target elements of interest.
3Productivity
If content-based navigation filtering is applied to skip non-desired elements, then navigation efficiency improves, but navigation complexity increases due to need to search DOM tree for matching content settings
Solution Approach 1:
The patent performs preliminary action by pre-processing the DOM tree to identify and cache elements that match user-defined content criteria. Before navigation begins, the system analyzes the page structure, categorizes elements by content type, and prepares a filtered index. This preliminary processing reduces the complexity during actual navigation, as the system only needs to query pre-organized data rather than searching the entire DOM tree in real-time.
Data Source
AI summary
The present disclosure provides method and a system (200) for navigation in a webpage. The system (200) operates at least in accordance with the method that comprises: receiving (step 101) a navigation command to navigate in the webpage, identifying (step 104) at least one content based setting; and navigating (step 106) through the webpage from a webpage element to another webpage element based on said content based setting.