Tooltip Control

Jude

The tooltip control degrades perfectly for non-DOM browsers. But for DOM-compatible browsers, each link containing a title attribute gets a fancy tooltip from the text in that attribute.

Basic Source Code

This is a simplified set of code; view the actual source code to see everything that's going on.

<script type="text/javascript" src="../lib/jude_c.js"></script>
<script type="text/javascript">
    jude.include( "controls.tooltip" ) ;
    jude.onload = function() {
        tooltip() ;
    }
</script>

<style type="text/css">
    #tooltip {
        position       : absolute ;
        border         : 1px solid #ccc ;
        background     : #eee ;
        font           : 10px Verdana, Arial, Helvetica, sans-serif ;
        color          : #000 ;
        padding        : 2px ;
        z-index        : 10 ;
    }
</style>

<a href="../index.html" title="the extendable JavaScript library for DOM-compatible browsers">Jude</a>