Coppermill
Coppermill

Reputation: 6804

HTML A tag title formatting

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?

Upvotes: 6

Views: 2981

Answers (9)

Coppermill
Coppermill

Reputation: 6804

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

Upvotes: 0

Teja Kantamneni
Teja Kantamneni

Reputation: 17492

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

Upvotes: 0

BalusC
BalusC

Reputation: 1109865

Use jQuery qTip.

Upvotes: 2

Sampson
Sampson

Reputation: 268512

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

Upvotes: 1

Paul Sasik
Paul Sasik

Reputation: 81567

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

Upvotes: 0

Daniel Rikowski
Daniel Rikowski

Reputation: 72544

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.

Upvotes: 0

Jeremy Bandini
Jeremy Bandini

Reputation: 155

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

Upvotes: 0

Jamie Dixon
Jamie Dixon

Reputation: 54021

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

Upvotes: 0

GSto
GSto

Reputation: 42380

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.

Upvotes: 0

Related Questions