Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: C# ASP.NET CSS HTML Ajax jQuery CSS3 , +
Hi all
 
I want to create a tooltip which will show all data about a person.
Means:
In facebook when hover your mouse on your friend name than it is showing all data of that friend (photo, cover photo, name,related people etc.)
 
I want to implement like that.I searched in google but not found any good link to implement that type of tooltip.
 
So please help me to solve this problem.
 
Please Provide code or some link which explains this problem briefly.So that i can build a tooltip like that.
 
Thanks in advance.
Posted 5-Sep-12 1:24am
Mac123341.1K
Comments
MAC123456 at 5-Sep-12 7:26am
   
If you have any query please ask..
If I unable to explain my problem please ask questions...
 
Thanks
manognya kota at 5-Sep-12 7:30am
   
On what are you trying to hover and display tooltip?
MAC123456 at 5-Sep-12 7:31am
   
When i hover over a link or a text than it will show the tooltip .
Arun (Multithreaded) at 5-Sep-12 7:38am
   
Use CSS to create tooltip window.
MAC123456 at 5-Sep-12 7:40am
   
Can you please share the code to create tooltip using css.
Or some good link which will fulfil my requirement.
Arun (Multithreaded) at 5-Sep-12 7:42am
   
Hey dude,http://sixrevisions.com/css/css-only-tooltips/
..just read this link first
Arun (Multithreaded) at 5-Sep-12 7:40am
   
After creating CSS tooltip window, load your data to this window.
Arun (Multithreaded) at 5-Sep-12 7:41am
   
http://sixrevisions.com/css/css-only-tooltips/
Arun (Multithreaded) at 5-Sep-12 7:44am
   
I don't know what type of layout you want to design. You know that?..Ok then design it first
MAC123456 at 5-Sep-12 7:52am
   
I want tooltip like facebook.
 
When you put your cursor on your friend name it is showing all data of your friend in the tooltip (like:Photo of your friend, cover photo of your friend , your friend's name etc.).
 
you can click on that tooltip.
But link given by you can't do that one.
Please give any other link.

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

This link has some solution on creating various types of tooltips. I hope one of them will suffice for your requirements.
 
http://www.nickstakenburg.com/projects/prototip2/[^]
 
P.S. use the tooltip shown under "Ajax" demo in the above link. that should be the one that will work for you.
  Permalink  
v2

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Nirav Prabtani 284
1 OriginalGriff 217
2 Sergey Alexandrovich Kryukov 196
3 Mika Wendelius 185
4 CPallini 170
0 Nirav Prabtani 284
1 OriginalGriff 217
2 Mika Wendelius 185
3 _Amy 170
4 CPallini 170


Advertise | Privacy | Mobile
Web03 | 2.8.140721.1 | Last Updated 5 Sep 2012
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100