Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

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

Posted on 2009-04-04
6
Medium Priority
?
250 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2
6 Comments
 
LVL 27

Accepted Solution

by:
azadisaryev earned 2000 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
Veeam Task Manager for Hyper-V

Task Manager for Hyper-V provides critical information that allows you to monitor Hyper-V performance by displaying real-time views of CPU and memory at the individual VM-level, so you can quickly identify which VMs are using host resources.

 
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

Understanding Web Applications

Without even knowing it, most of us are using web applications on a daily basis. Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We often confuse these web applications tools for websites.  So, what is the difference?

Question has a verified solution.

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

If you don't have the right permissions set for your WordPress location in IIS, you won't be able to perform automatic updates. Here's how to fix the problem.
Meet the world's only “Transparent Cloud™” from Superb Internet Corporation. Now, you can experience firsthand a cloud platform that consistently outperforms Amazon Web Services (AWS), IBM’s Softlayer, and Microsoft’s Azure when it comes to CPU and …
The purpose of this video is to demonstrate how to properly insert a Vimeo Video into a WordPress site or Blog. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp…
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…

618 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