HTML A tag title formatting

Question

I was wondering if it is possible to display the title from an A tag reference, which comes up as a pop-up in your browser, if anyone know of any libraries to make this pop-up much nicer and have the ability to format the content?

Answer 1

You can't edit the tool tip itself, but you could use jQuery to create a div on the a:hover event, and style the div as you see fit.

Answer 2

You can use the SimpleTip jQuery plugin for this.

There is more information over at this question on how to use this with the title attribute.

UPDATE

SimpleTip has now been superseeded by qTip

Answer 3

As far as I know this is not possible. Not all browsers display a tooltip for anchor tags. I suggest using JavaScript for this behavior:

http://docs.jquery.com/Plugins/Tooltip

Answer 4

There's no pure HTML way to do this. Some browsers don't even show the title attribute.

Your best option would be to use one of the numerous Javascript libraries.

For jQuery: 25 Useful jQuery Tooltip Plugins and Tutorials

For Prototype there aren't so many but Prototip is promising.

Answer 5

i suggest to look at :

http://flowplayer.org/tools/demos/tooltip/index.html

Answer 6

i doubt that's possible... yet. Why not roll your own on a hover event using jQuery?

Answer 7

qTip is a powerful jQuery tooltip option which allows Images, Videos, Thumbnails, etc within the tooltip.

Answer 8

Use jQuery qTip.

Answer 9

By default title will be just a string, You can use any JS Plugins to make it look pretty. I guess you are not using any JS libraries as such, if using just javascript, here is a good one to work with DHTML javascript tooltip

Answer 10

I did some playing and finally came up with using overLIB, see my blog for full details