Question

I have to implement a strange requirement that goes as follows:

1. Users can hover on a link and get a descriptive text like “some text here”
2. Users can click on the very same link and get a completely different
   text that might also contain markup (Example : some other text here)

I have looked at some jQuery plugins but most of them work with onhover OR onclick but not both. Also they seem to be using the “title” attribute for their content.

So my question is: is this functionality possible? Is there a jquery tooltip plugin where I can define different content for onhover and onclick events? Is there another way to achieve this? (Javascript is not one of my strong points).

I am also open to suggestions for simple standalone javascript libraries but it would be best if they are jQuery plugins.

Thank you.

Answer:

With the help of simpletip

Html code

<p>Hello <a id="test" title="some text here">world</a> again</p>

and javascript

$("#test").simpletip({ 
    persistent: true,
    content: '<b>Some</b> other <i>text</i> here.'
}); 

Answer 1

How about you use jQuery plugin to display fancy tooltip onclick, and a title attribute for standard text (onhover)?