I saw a post that talked about how to make a simple tool tip with jQuery, but that post did not make a plugin of it. It just added the function to the global scape, meaning that it was not chainable and it would only be applied to the a element. So I took the code for the first example as a starting point and turned the first example into a plugin. So, based on the first example, here we have yet another tooltip plugin, it uses the title attribute so it is perfectly accessible to people without javascript enabled. It can be applied to any element, and it is chainable and it will also be applied to new elements on the page instead of you having to re attach it to every item that you add to the dom.
Here is the javascript:
// starting the script on page load
$().ready(function(){
$('a').simple_tip();
});The html:
<a href="#" title="This is a tooltip">I have a tool tip!</a> <a href="#">I don't have a tool tip!</a>
The demo.
The code is available here:
http://code.google.com/p/jsimpletip/downloads/list
The code is licensed:
Mit and GPL v2
Related posts:
- Using the jQuery-UI Autocomplete Widget
- JQuery and WordPress
- Ajaxy Pagination using jQuery
- links for 2009-05-14
- jQuery :contains selector and unicode characters
Tags: Computing, dom, GPL, Graphical user interface, html, Javascript, JavaScript programming language, jQuery, MIT, System software, Technology_Internet, Tooltip, User interface, Widgets