Question

I have searched a lot and couldn’t found the approach to create the small text box right next to the cursor, when doing hover over on HTML object.

Example http://guyzyl.org/wp/Picture1.png

You can see cursor is not visible in this example, but the text box appears on hover over. I would like to create some thing similar.

Example is taken from the Facebook.

Thanks for the help

Answer 1

tooltips can be obtained on tags adding the title attribute to them, e.g.:

<a href="#" title="my tooltip">my link</a>

fancier looking tooltips can be obtained using javascript but the above is the correct semantic option (many tooltip plugins expect it to be in your code anyway)