jQuery Tips

lgscofield

How It Works

TipTip uses the title attribute just like the native browser tooltip does. However, thetitle will be copied and then removed from the element when using TipTip so that the browser tooltip will not show up.
TipTip only generates one set of popup elements total, rather then generating one set of popup elements for each element with TipTip applied to it. This helps speed things up and reduces processing time. The elements generated are all div elements and are appended to the end of the body element. The structure looks like this:
<div class="syntaxhighlighter nogutter " style="margin: 1em 0px !important; padding: 20px 25px !important; border: 0px !important; background-image: none !important; background-color: #242b3a !important; float: none !important; vertical-align: baseline !important; height: auto !important; width: inherit !important; line-height: 1.1em !important; font-family: Monaco, monaco, monospace !important; font-size: 13px !important; color: #6196b1;"><div class="lines" style="margin: 0px !important; padding: 0px !important; border: 0px !important; background-image: none !important; float: none !important; vertical-align: baseline !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: Consolas, Monaco, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important;"><div class="line alt1" style="margin: 0px !important; padding: 0px !important; border: 0px !important; background-image: none !important; float: none !important; vertical-align: baseline !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-size: 1em !important;">[color=#b9bdb6 !important][size=1em]<div id="tiptip_holder">