tooltips based on CSS

This demo page shows how to display the help associated with page items in form of tooltips, that is displaying the text whenever the mouse pointer hovers on the item label link. The technique, unlike others developed for Apex, DOES not use AJAX and does not perform additional requests to the server, resulting in a lighter workload for the apex server. Tooltips are useful when the help text size is fairly small, so in case the text exceeds a certain amount, it could be advisable to truncate it. The first item retains the capability of opening a pop-up window in case the user clicks on the link, while the second item traps it and does nothing. The original CSS script has been developed by Stuart Nicholls and has been adapted with minor modifications for Apex by Flavio Casetta.

test region

Test Item 1this is the on line help for item #1 Test Item 2this is the on line help for item #2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum