[DOM Tooltip] Example 14: Positioning

Here we will demonstrate fixed positioning of the tooltip relative to objects on the page. In this example, the matrix of distros is an image map which trigger tooltips to display the respective names. The two distros on the left use the "parent" option, which specifies a target area that will host the tooltip when it appears. Naturally the tooltip must be relatively positioned in this case to be taken in by its parent. The two distros on the right, however, calculate their position based on the position of the image using the domLib_getOffsets() function. It appears to be more work, but in the end, the second method offers the most flexibility.

+ + + + + +
+

* While setting up this example I realized that domTT could use more flexibility in this area.

** Keep in mind that because the tooltips are created using div tags, it is necessary to change the display style to 'inline' using the first technique to prevent them from displaying as fully expanded blocks.