By chandrabhan on

Hi guys,

I am looking for a module in D6 which would enable me to do the following. Whenever i hover my mouse over a link ot text it would fetch some content from the server dynamically and show it as a floating box.

For example, if I put my mouse over a user name on my site, it should show some details about the user at the cursor as a floating box. Whenever I move out the mouse the box should disappear. (something like in netflix.com where it shows movie details on mouse hover).

Preferably the surrounding blocks, headers etc should not be shown in the tooltip.

Regards,
Jonga

⋅ Categories: Drupal 6.x

Comments

mrandy’s picture

mrandy commented

I used the Jtooltips Module to solve more or less the same problem. It basically takes whatever you use as a title attribute in the link and displays it as a small floating javascript box on the page when the mouse is held over the link.

For example if your page included the following content

Another site to try is <a href="www.google.com" title="this is a link to a search engine"> Google</a>

you would get a floating box when you hold the mouse over the word Google saying "This is a link to a search engine".

Hope this helps.

mrandy’s picture

mrandy commented

Just been playing with this and you can do the same with just text (ie: not a link) by using 

Another site to try is <a name="" title="this is a link to a search engine">Google </a>.

and just leave the name attribute itself blank.

prob not best practice but seems to work, and I can't imagine it has too many negative implications.

chandrabhan’s picture

chandrabhan commented

Thanks. Actually, I had installed the module and using it for other purposes. But loading all the information beforehand as titles would be too heavy for the server. So, I would rather use the module for small amount of static texts.

mb450’s picture

mb450 commented

Whilst it's not strictly a module I have use jsquery's cluetips plugin sucessfully on an number of sites - it allows you to pull content using a variety of methods including, but not limited to, an ajax call.

It's pretty good - http://plugins.learningjquery.com/cluetip/demo/

(oh and it's easy to style too)

phpsharma’s picture

phpsharma commented

I will try this!

sharma chelluri

chandrabhan’s picture

chandrabhan commented

Absolutely great! Can you please provide me with steps like how do I go about showing, say, a node's teaser, on mouse hover of a particular text?