Solved

How do I make plain text have the alt=Description on mouseover like a image has

Posted on 2009-04-04
6
232 Views
Last Modified: 2013-12-24
How do I make plain text have the alt=Description on mouseover without adding a image.
Like a image.

<img src="images/lens.gif" alt="Click to view plan details" width="18" height="18">

On mouse over you see the alt text in a little balloon by the pointer.

How is that done with plain text wothout making it a link or a image.
0
Comment
Question by:LeadCo
  • 4
  • 2
6 Comments
 
LVL 27

Accepted Solution

by:
azadisaryev earned 500 total points
ID: 24070049
if you are on cf8, you can do it as easy as

<p>this is some <cftooltip tooltip="with a tooltip created using <cftooltip> tag!"><u>text</u></cftooltip></p>

Azadi
0
 

Author Comment

by:LeadCo
ID: 24070065
Yes it works great in CF8.  Is there a way to make it stay up as long as they have their pointer on it. It fades out a bit fast and I am showing some lengthy definitions for insurance terms. Is their a way to make it stay visible till moved.
0
 
LVL 27

Expert Comment

by:azadisaryev
ID: 24070076
and if you are not on cf8 yet (or even if you are!), check out these 2 tooltip plug-ins for jQuery javascript library. they both are great, easy to setup and customize, and allow you a lot more control over the look of the tooltip than <cftooltip> tag:

http://jquery.bassistance.de/tooltip/demo/
http://www.codylindley.com/blogstuff/js/jtip/

Azadi
0
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 
LVL 27

Expert Comment

by:azadisaryev
ID: 24070095
> Is there a way to make it stay up as long as they have their pointer on it

<cftooltip> tag has some useful attributes you can sue:
autoDismissDelay - The number of milliseconds between the time when the user moves the mouse pointer
over the component (and leaves it there) and when the tool tip disappears. (defaults to 5000 = 5 seconds)

hideDelay - The number of milliseconds to delay between the time when the user moves the mouse
pointer away from the component and when the tool tip disappears. (defaults to 250)

showDelay - The number of milliseconds to delay between the time when the user moves the mouse
over the component and when the tool tip appears. (defaults to 200)

sourceForTooltip - The URL of a page with the tool tip contents. The page can include HTML markup to
control the format, and the tip can include images. If you specify this attribute, an animated icon appears with the text "Loading..." while the tip is being loaded.

check out cfml reference manual for other attributes.
but, really, do check out those jquery plug-ins - they will give you A LOT more control over the tooltips!

Azadi
0
 

Author Comment

by:LeadCo
ID: 24071627
The jquery was the ticket thanks. Since it was really another question i have it open. Copy comments in there if you want and i will award points. i will close it later today.
0
 
LVL 27

Expert Comment

by:azadisaryev
ID: 24071642
no worries, i am not here for the points, really...
glad i could help!

Azadi
0

Featured Post

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

Hi. There are several upload tutorials using jquery and coldfusion. I found a very interesting one here Upload Your Files using Jquery & ColdFusion and Preview them (http://www.randhawaworld.com/) . I did keep the main js functions but made sever…
When it comes to showing a 404 error page to your visitors, you do not want that generic page to show, and you especially do not want your hosting provider’s ad error page to show either. In this article, I will show you how to enable the custom 40…
The purpose of this video is to demonstrate how to make a WordPress Site faster and smaller in size by cleaning up the database. This will be demonstrated using a Windows 8 PC. Plugin WP Optimize will be used. Go to your WordPress login page. T…
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…

706 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now