Simple Tooltips
30Sep07
http://codeeazy.com/mktooltip/
I wanted a tooltip implementation for my web page, and was looking around. I looked a number of open-source options (see 40 tooltip scripts here and 20 here) and one commercial library. I liked the functionality however each of them was 7, 8, 10 or 25 KB in size, which I thought was too much to implement just a simple tooltip. So, I thought how about I write a tooltip library myself.
Here is an implementation, check it out at http://codeeazy.com/mktooltip/. I implemented this in 818 bytes of code, and about an hour of coding. So one would think, there must be something wrong. Well, it works. And is cool!
Filed under: code, codeeazy, coding | 5 Comments
Tags: ajax, css, framework, html, library, tooltip
Search
-
You are currently browsing the Code Eazy weblog archives.
Love this. Exactly what I was trying to find.
Nice job
it very nice =)
Works nicely, but it took me a little bit to figure out that I needed the css for the tooltip div as well. You should go ahead and link that next to the js, or just put style=”display:none; position:absolute;left:0px;top:0px;” in the example code.
Nice & simple !
Does not conflict with the “prototype.js” script (as did my other solution, using the jQuery script), although my “Flickr Badge” (running on prototype) shows over the tooltip if this one opens too close (?).
Would there be a way to have the tooltip over a link using, for instance, the “rel” attribute ?
Also, I haven’t tried yet, does it work when moving the mouse over an image () ?
In any case, thank you very much !