simple jQuery tooltip plugin
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
README.rdoc
diktip.js

README.rdoc

dikTip

A simple tooltip plugin for jQuery

probably uneccessary but I:

  1. couldn't immediately find an alternative and

  2. wanted to learn to make a plugin from scratch

Usage

  • include jQuery

  • include dikTip

  • include the following:

    $(document).ready(function() {
      $(".container").dikTip();
    });
  • structure your content as follows:

    <div class="container">
      <div class="subject">
        // visible content goes here
      </div>
      <div class="tooltip">
        // content to appear on mouse-over goes here
      </div>
    </div>

note: the class name 'container' is arbitrary. call it what you want - just be sure to be consistant in your content and the initialise call

TODO

  • add popup snapping to mouse cursor