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

x
?
Solved

How to show alt text when a mouse moves over a button

Posted on 2002-06-12
10
Medium Priority
?
181 Views
Last Modified: 2010-04-09
Hi, all

I would like to create a button on a page. When the mouse is moved over the button, it should show an alt text "click me please". Please help me to do it. Thanks.
0
Comment
Question by:jl2001
[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
10 Comments
 
LVL 10

Accepted Solution

by:
dij8 earned 200 total points
ID: 7074307
Do you mean a form button or an image?

An image needs an alt attribute:
<img src="apicture.gif" width="230" height="300" alt="Click me please" />

A form button doesn't seem to work with the alt attribute but does with title (this may be an IE only thing, try alt as well):
<input type="Button" value="enter" alt="Click me please" title="Click me please">
0
 
LVL 12

Expert Comment

by:lexxwern
ID: 7074600
i think jl needs the tooltip instantly, http://dynamicdrive.com should get you a good one.
0
 
LVL 1

Expert Comment

by:ice911
ID: 7074734
i want you to know that there is a reason why there is not an alt attribute or really some kind of tooltip without cheating with script or something like flash.

the reason is because tooltip are used to give non-worded objects a little note to tell users what is that object.
it is kind of useless for a form button because the button should be descriptive enough. Unless this is an image button which is a different story, but if you must lexxwern is right you should try www.dynamicdrive.com it is a good place to start.
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
LVL 10

Expert Comment

by:dij8
ID: 7074963
If title works as it did for me then dynamicdrive tooltips are not necessary.
0
 
LVL 12

Expert Comment

by:lexxwern
ID: 7075040
it depends what jl wants.
0
 
LVL 17

Expert Comment

by:dorward
ID: 7075103
As nobody has mentioned it yet I'll go in to my standard rant.

The alt attribute is not there to provide tooltips, arguments have been made that NS4.x/IE/other browsers that display it as a tooltip are broken, NS6+ doesn't render it as a tooltip. It is there so that authors can provide text to be displayed *instead* of an image in the event that the image can not be displayed (e.g. images disabled, blind user with screen reader).

Almost all tags (including images) accept a title attribute which is there to provide additional information and is often rendered as a tooltip.
0
 

Expert Comment

by:endamcg
ID: 7092043
Dorward hit the nail on the head. "Alternate" text, self explanatory.

If you need something extra, much better than what dynamic drive can offer (IMHO) is overLib, you can get it free here::
http://www.bosrup.com/web/overlib/
0
 
LVL 10

Expert Comment

by:dij8
ID: 7092065
You can go all fancy with dynamic floating tool tips but it is simply done by using "title".

jl2001, some feedback here would be good.  Have we yet covered what you want?  If not, can you give us some more information.
0
 

Author Comment

by:jl2001
ID: 7112429
Hi, all

Sorry, I tried to connect to this site for many times but I couldn't.

I think "title" is the best way to do it. Thanks a lot.
0
 
LVL 10

Expert Comment

by:dij8
ID: 7114550
Glad to help.  Thanks for the A.
0

Featured Post

Tech or Treat!

Submit an article about your scariest tech experience—and the solution—and you’ll be automatically entered to win one of 4 fantastic tech gadgets.

Question has a verified solution.

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

Find out what you should include to make the best professional email signature for your organization.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

596 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