Click here to Skip to main content
13,201,763 members (68,681 online)
Rate this:
Please Sign up or sign in to vote.
Hi all

I want to create a tooltip which will show all data about a person.
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
MAC123456 5-Sep-12 7:26am
If you have any query please ask..
If I unable to explain my problem please ask questions...

manognya kota 5-Sep-12 7:30am
On what are you trying to hover and display tooltip?
MAC123456 5-Sep-12 7:31am
When i hover over a link or a text than it will show the tooltip .
Arun (Multithreaded) 5-Sep-12 7:38am
Use CSS to create tooltip window.
MAC123456 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) 5-Sep-12 7:42am
Hey dude,
..just read this link first
Arun (Multithreaded) 5-Sep-12 7:40am
After creating CSS tooltip window, load your data to this window.
Arun (Multithreaded) 5-Sep-12 7:41am
Arun (Multithreaded) 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 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
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.[^]

P.S. use the tooltip shown under "Ajax" demo in the above link. that should be the one that will work for you.

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

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy |
Web04 | 2.8.171020.1 | Last Updated 5 Sep 2012
Copyright © CodeProject, 1999-2017
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