jaz303 / tipsy
watch download tarball
public
Forks6Right
Watchers42Right
Description: Facebook-style tooltips plugin for jQuery
Homepage: http://onehackoranother.com/projects/jquery/tipsy/
Clone URL: git://github.com/jaz303/tipsy.git
tipsy /
name age
history
message
file LICENSE Tue Jun 17 14:30:54 -0700 2008 Reorganisation [Jason]
file README Tue Jun 17 15:59:20 -0700 2008 version bump, added docs [jaz303]
file Rakefile Sat Aug 02 15:46:27 -0700 2008 reorganised docs. fixed small bug with fade-in [jaz303]
directory docs/ Fri May 22 16:59:54 -0700 2009 docs updated [jaz303]
directory src/ Fri May 22 16:59:41 -0700 2009 set tooltip text via jquery .text() method for ... [jaz303]
README
tipsy - Facebook-style tooltip plugin for jQuery
  (c) 2008 Jason Frame (jason@onehackoranother.com)
  Released under The MIT License.

== DESCRIPTION:

tipsy is a simple jQuery plugin for generating Facebook-style tooltips.

== HOMEPAGE:

http://onehackoranother.com/projects/jquery/tipsy

== SOURCE:

Hosted at GitHub; browse at:

  http://github.com/jaz303/tipsy/tree/master

Or clone from:

  git@github.com:jaz303/tipsy.git

== USAGE:

1. Copy the contents of src/{images,javascripts,stylesheets} to the corresponding asset directories in your project. If 
the relative path of your images directory from your stylesheets directory is not "../images", you'll need to adjust 
tipsy.css appropriately.

2. Insert the neccesary elements in your document's <head> section, e.g.:

<script type='text/javascript' src='/javascripts/jquery.tipsy.js'></script>
<link rel="stylesheet" href="/stylesheets/tipsy.css" type="text/css" />

Remember to include jquery.tipsy.js *after* including the main jQuery library.

3. Initialise Tipsy in your document.onload, e.g.:

<script type='text/javascript'>
  $(function() {
    $('a[rel=tipsy]').tipsy({fade: true, gravity: 'n'});
  });
</script>

Please refer to the docs directory for more examples and documentation.