Coldfusion Dynamic Tooltip?

Posted on 2005-04-26
Medium Priority
Last Modified: 2013-12-24
Hello.  I have a page that has multiple member names (activity) spread across it.
I'd hoping to find a way to create dynamic tooltips ...

such that ... a hover over on specific text on my page would provide a popup (tooltip) next to that text item ... and the popup contained text generated by a dynamic coldfusion query.

In other words;

if a user hovered over <a href="blah.cfm">fred bloggs</a> ... a tooltip would popup infront (over, below or semi transparent?) this text ... and a query generated would place some realtime stats specific to that user on the tooltip (last their they visited etc).

Any ideas!? I've ONLY found a javascript tooltip solution ... and because it uses named tags <div id=blah> ... it would be messy - at best - to pre run the queries for each username on my page ... as the page loads ... and then assign a unique id to each ... etc.  

Hoped it might be possible to do something cleaner in CF!?
Question by:rcbuchanan
LVL 21

Expert Comment

ID: 13869068
something like this?
<a href="blah.cfm" title="something">fred bloggs</a>


Accepted Solution

CFDevHead earned 2000 total points
ID: 13869147
here is a javascript that I have used in the past http://www.walterzorn.com/tooltip/tooltip_e.htm
it is very easy to put into action
LVL 20

Expert Comment

ID: 13869738
To avoid JS or additional code, this is a bit basic and along the same idea of what pinaldave was suggesting,

when additing a label to text links you use the "title='' " attribute, when using an image link... use the "alt=''" these will both give you the ability to display text when they are hovered over, nothing fancy though or trasparent.

If you want dynamic text in either of these, try this...

Your query up here...

in your query you'd have to relate what was being display to what would be in the tooltip. So a good way would be if you had a tooltip for fred bloggs, your table would contain KeyID, ToolTipText, DisplayName and you would out put these two like the format below by their keyID values.

<a href="blah.cfm" title="#myDynamicText#">fred bloggs</a>
<IMG src="/blah/mygif.jpeg" alt="#myDynamicText#">

CFDevHead, pinaldave... haven't abondoned my question, been working with the ideas, will post today :o) thanks


Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Media Temple is proud to announce our partnership with the Society of Digital Agencies (SoDA) as their exclusive hosting partner.
Whether you have a site with just static html pages or a dynamic database-driven one, this step-by-step migration guide will help you get started with your new DV server. This guide is by no means comprehensive but it should cover the basics to get …
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
The purpose of this video is to demonstrate how to integrate Mailchimp with Facebook. This will be demonstrated using a Windows 8 PC. Mailchimp and Facebook will be used. Log into your Mailchimp account. : Click on your name. Go to Account Setti…

601 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question