Alt Txt Tooltip Popups Over Text Links, How To Do? searching for a simple way...

[Grafitti 0]

How can I insert an alt txt caption for a text link, so that when they hover over the text it pops up with more info about the link before the person clicks on it?Do I have to use an image map over the text for that, or is there a simple function that does the trick?

Edited November 30, 2005 by miCRoSCoPiC^eaRthLinG (see edit history)

[szupie 0]

That is not called an alt text. You should use the "title" attribute to make a roll-over tooltip text thing. For example:

<a href="somepage.htm" title="Click to see this page!!!">Somepage</a>

Would give you a link that says "Somepage". It links to somepage.htm. When you roll over it, it would show a little box saying "Click to see this page!!!" (Of course, without quotes).


The alt attribute displaying a tooltip text is just a bug in Internet Explorer. If you want the tooltip to show up on almost any browser, like Firefox and Netscape, you would have to use the standard one, title.

[saxsux 0]

Wow! I always wondered how people did this on thier web pages... I always thought it was javascript or something, I didn't realise it was this simple!

[Grafitti 0]

thanks. i realize i worded the question wrong. but i didn't know how to put it. Simple answers like that make me feel like such a dummy.

[MarkBla 0]

Alt is for pictures, when you put your mouse on it. If you want to use this, you only have to write in the tag alt="the text" between the image src tag. Mark

[iGuest 3]

Alt is for pictures, when you put your mouse on it. If you want to use this, you only have to write in the tag alt="the text" between the image src tag.
Mark

Actually, Alt= was intended to be a label for displaying when the picture is unable to display in all Browsers. Title= is the w3c recommended property for text labels. However, Internet Exploder uses the Alt tag for tool tips. The more compliant Browsers use title= to do the same thing. There is an extension for Firefox/Mozilla which will recognize the Alt= tag when the title tag is missing. Not sure if any other current Browsers also have extensions for them to do the same.

For the best results, use both the title= and the alt=, then you avoid the Browser dependency issue.

Notice from jlhaslip:

Yippee! An Edit button...

Edited February 13, 2006 by jlhaslip (see edit history)

[TavoxPeru 0]

How can I insert an alt txt caption for a text link, so that when they hover over the text it pops up with more info about the link before the person clicks on it?Do I have to use an image map over the text for that, or is there a simple function that does the trick?

You have some options, you can Use the title attribute of the anchor tag, or you can Use a javascript fUnction or you can use only css too. Try to do not use the alt atribute because it is for images basically and not work in some browsers. In the web exists a lot of examples of this.

best regards

[iGuest 3]

as mentioned in another topic here, this technique works well to "standardize" tool tips between browsers since each browser handles them a bit differently for allowable length, etc. Uses pure CSS instead of scripting and is fully customisable for colours, size, location, etc.

Tooltip Alternative Method

*edit for typos*

Edited August 30, 2007 by jlhaslip (see edit history)

[iGuest 3]

How to customize tooltip width and height, which uses title attribute of anchor(a) tag

Alt Txt Tooltip Popups Over Text Links, How To Do?

 

Hi,

 

Please tell me how can I customize the width and height of the tooltip box being displayed if we keep mouse over link where the "title" attribute is specified as tooltip.

 

 

 

<a href="somepage.Htm" title="This is the tooltip text I want to change the height and width!">Somepage</a>

 

 

 

 

 

Thanks in advance

 

 

 

 

 

 

 

-shamjith

[FirefoxRocks 0]

The title attribute creates ToolTip/rollover text on almost any element. The alt attribute is valid on <img /> elements and is to specify alternate text which is used if the picture is not loaded, if it is a screen reader, etc.JavaScript can also be used to do this with onmouseover, but I do not see a reason why. CSS can also be used for the hover pseudo-class so that a special effect can be created with the test.

[TavoxPeru 0]

Some time ago I download -don't remember exactly from where- a very cool script named Cool Tool Tips that almost is what you need, you can view it in action at Cool Tool Tips.

If it is what you need and you like it simply save it to your disk.

Best regards,

[iGuest 3]

how can I customize the width and height of the tooltip box being displayed if we keep mouse over link where the "title" attribute is specified as tooltip

Alt Txt Tooltip Popups Over Text Links, How To Do?

 

Hello, my name is mouli.

 

How can I set the width and height of my tool tip text in anchor tag ,which is something like this

 

<a href="somepage.Htm" title="This is the tooltip text I want to change the height and width!">Somepage</a>

 

-question by chandramoulio

[iGuest 3]

Hi All,

I am new to struts tags and I am trying to create a textarea using it. My main concern is to have an editable tooltip on it in order to view all the data present in the textarea and make changes in it if required. Can anyone help me in it?Here is the code:

<html:textarea cols="20" rows="30" alt="Teaxtarea Editable tooltip">ABC</html:textarea> 

[iGuest 3]

tooltip (doesnAlt Txt Tooltip Popups Over Text Links, How To Do?

Aside from switching to FireFox (which I use at home) I'm wondering if anyone knows how to cure IE when all ToolTips are not appearing anymore.  I see nothing under Internet or Display Options, and (as usual) Microsoft Support pages lead me to all kinds of unrelated problems without a good/relevant answer to this issue.

-reply by Josh Ebrum

[iGuest 3]

OpinionAlt Txt Tooltip Popups Over Text Links, How To Do?

ALT does not work always, it is this thing which brought me here...

I think ALT is used when we want to give alternate message to viewer when an image is loading, or image fails to load. So it is a replacement message rather than tooltip

best option for tooltip is TITLE ;-)

hence proved

-reply by Khalid Mehmood Awan