How do i get data and image on "ToolTip"

Posted by Mahe under jQuery on 7/17/2012 | Points: 10 | Views : 1714 | Status : [Member] | Replies : 10
Hi,

How do i get data and image on "ToolTip" using jQuery

Regards,
Mahe




Responses

Posted by: Premalatha on: 7/17/2012 [Member] Starter | Points: 25

Up
0
Down
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

Posted by: Patel28rajendra on: 7/18/2012 [Member] Starter | Points: 25

Up
0
Down
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

Posted by: Ranjeet_8 on: 7/18/2012 [Member] [MVP] Gold | Points: 25

Up
0
Down

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

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

Posted by: Dotnetrajanikanth on: 7/18/2012 [Member] Starter | Points: 25

Up
0
Down
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

Posted by: Taanu51 on: 7/19/2012 [Member] Starter | Points: 25

Up
0
Down
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

Posted by: Dotnetrajanikanth on: 7/20/2012 [Member] Starter | Points: 25

Up
0
Down
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

Posted by: Dotnetrajanikanth on: 7/20/2012 [Member] Starter | Points: 25

Up
0
Down
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

Posted by: Mahe on: 7/23/2012 [Member] Starter | Points: 25

Up
0
Down
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

Posted by: Patel28rajendra on: 7/24/2012 [Member] Starter | Points: 25

Up
0
Down
Hi
Mahe

Did you got the answer

R D Patel

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

Posted by: Patel28rajendra on: 7/24/2012 [Member] Starter | Points: 25

Up
0
Down
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

Login to post response