Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
71 lines (43 sloc) 1.94 KB
tipsy - Facebook-style tooltip plugin for jQuery
(c) 2008 Jason Frame (
Released under The MIT License.
tipsy is a simple jQuery plugin for generating Facebook-style tooltips.
Hosted at GitHub; browse at:
Or clone from:
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'});
// if you want to apply it to anything with a title
$('a').each(function(index) {
if ($(this).attr('title') != "") {
$(this).tipsy({fade: false, gravity: 'n'});
== Installing for a rails project
A rake file has been included to easily install this plugin for a rails project, here's how you do it:
1. Make sure that the tipsy source is in public/javascripts/tipsy, you can actually just do:
# assuming you're at the root of your rails project:
cd public/javascripts
git clone git://
cd tipsy
2. Run:
rake tipsy:install
3. Add the following into your layout file:
<%= javascript_include_tag 'jquery.tipsy.js' %>
<%= stylesheet_link_tag 'tipsy' %>
Please refer to the docs directory for more examples and documentation.