SimpleTooltip

Just a simple floating tooltip.

The code:

new SimpleTooltip.Base('sample', options);

Options available:

• hook
• offsetLeft
• offsetTop

An example:

<!--  sample with title attribute -->

<div style="border:1px solid #ddd;width:300px;" id="sample" title="thats a sample text">
  show me the tooltip !
</div>

<script type="text/javascript">
// <![CDATA[
  new SimpleTooltip.Base('sample', { hook: 'rightMiddle', offsetLeft: 30, offsetTop: 30 });
// ]]>



<!--  sample with div pre-rendered inside -->

<div style="border:1px solid #ddd;width:300px;" class="tooltip_trigger"  title="das ist ein sample text">
  tooltip inside an div
  <div style="display:none;" class="simple_tooltip">das ist ein tooltip</div>
</div>

<script type="text/javascript">
// <![CDATA[
  new SimpleTooltip.Base('tooltip_trigger', { hook: 'rightMiddle', offsetLeft: 30, offsetTop: 30 });
// ]]>

Dependencies:

SimpleTooltip requires Prototype 1.6 or higher.

Download:

Find the latest version of SimpleTooltip on Github.