Browse Prior Art Database

A Method and System for Providing a Generalized Logic to Dock Elements in a Webpage

IP.com Disclosure Number: IPCOM000237239D
Publication Date: 2014-Jun-10
Document File: 2 page(s) / 62K

Publishing Venue

The IP.com Prior Art Database

Related People

Diptendu Bhowmick: INVENTOR

Abstract

Disclosed is a method and system for providing a generalized logic to dock elements based on relative position of elements on a screen.

This text was extracted from a Microsoft Word document.
At least one non-text object (such as an image or picture) has been suppressed.
This is the abbreviated version, containing approximately 53% of the total text.

A Method and System for Providing a Generalized Logic to Dock Elements in a Webpage

Abstract

Disclosed is a method and system for providing a generalized logic to dock elements based on relative position of elements on a screen.

Description

Many websites contain one or multiple modules on a page that get fixed on certain position when a user scrolls down.  The process is called docking which allows easier navigation to other tabs and sections on the page.

Disclosed is a method and system for providing a generalized logic to dock elements based on relative position of elements on the screen.  A Document Object Model (DOM) element on the page that needs to be docked under certain conditions when a user scrolls down the page is called a dockable element.  A docktarget is a dockable node that gets fixed on screen when the dockable node either touches top of the screen or bottom of another node which is already fixed.  The second node is referred to as the docktarget of the first node as illustrated in the Fig 1.

Figure 1

 The method and system utilizes a logic wherein, t1 is the distance between screen-top and top of the docktarget node, h1 is the height of dock target and t2 is the distance between screen-top and top of dockable node as illustrated in Fig. 2.

Figure 2

The node gets docked if t1 + h1 >= t2 since the top of dockable node touches the bottom of its target when t1 + h1 = t2.  The logic hides a node that is to be docked by setting style visibility to hidden for the dockable node.  Thereafter, the logic creates another node that is a clone of the dockable node with same properties as that of the dockable node.  The width of the cloned node is calculated based on the width of dockable node.  The position of the cloned node is set...