How do i get data and image on "ToolTip"

JQueryTools includes a Tooltip module which will get rid of a big chunk of your code.

http://jquerytools.org/demos/tooltip/index.html

It's also possible to create tooltips with no JavaScript at all, using HTML and CSS along these lines:

<div class="has-tooltip">
<button class="huge red">You Know You Wanna...</button>
<div class="tooltip">Do NOT Press This Button.</div>
</div>
And in CSS:

.has-tooltip .tooltip {
position: absolute;
display: none;

<style code to position (with margin-left and margin-top)
and make the tooltip box look how you want>

}

.has-tooltip:hover .tooltip {
display: block;
}
Google "CSS Tooltips" to see lots of examples.

Premalatha
Software Engineer

Mahe, if this helps please login to Mark As Answer. | Alert Moderator

Hi

Same thing is given here

http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

R D Patel

Mahe, if this helps please login to Mark As Answer. | Alert Moderator

check this,
http://www.jusfortechies.com/flex/display-image-in-tooltip.php

Mahe, if this helps please login to Mark As Answer. | Alert Moderator

http://rndnext.blogspot.in/2009/02/jquery-ajax-tooltip.html

Hope this is what you are looking for

____________
www.flickr.com/photos/psdesigner/

Mahe, if this helps please login to Mark As Answer. | Alert Moderator

hi,

We have so many ways to display the data in Tooltip.try to use Jquery .Follow the link its a best example to display the data from server in Tootip

http://www.developerscode.com/2011/02/how-to-display-data-in-tooltip-in_3418.html

Tanisha Sayyad
.Net and Android Developer
INDIA(Andhra Pradesh)

Mahe, if this helps please login to Mark As Answer. | Alert Moderator

Mahe,

I have attached a sample, please go through it
 Download source file

____________
www.flickr.com/photos/psdesigner/

Mahe, if this helps please login to Mark As Answer. | Alert Moderator

Dear All,

The sample i have posted above will be helpful to you also. This is one of the easiest way to implement a tooltip with image.

____________
www.flickr.com/photos/psdesigner/

Mahe, if this helps please login to Mark As Answer. | Alert Moderator

Hi Dotnetrajanikanth,

I am not able to open the attached "Download source file",
willl you please place the code, rather than attachment.

Regards,
Mahe

Mahe, if this helps please login to Mark As Answer. | Alert Moderator

Hi
Mahe

Did you got the answer

R D Patel

Mahe, if this helps please login to Mark As Answer. | Alert Moderator

If you got the answer then please mark as answer

R D Patel

Mahe, if this helps please login to Mark As Answer. | Alert Moderator