Rollover Messages

[Surf Boy]

Hi,

Need some help!

Basically what i am trying to achieve is, when you roll over a button. A balloon message will appear with other information on it.

This is an example of the code:

<td><img src="../images/registration.gif" width="184" height="32" name="registration" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('registration,'','../images/registration1.gif',1)"></td>

How do i add a balloon message?

Cheers Surf Boy

[Borgtex]

do you mean

<img src="../images/registration.gif" width="184" height="32" alt="Register here" ....

[Roy Sinclair]

<img src="../images/registration.gif" width="184" height="32" name="registration" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('registration,'','../images/registration1.gif',1)" title="text to display as ballon help goes here" alt="text to describe image for the visually impaired goes here">


ALT is incorrectly used for the ballon help in some browsers but the proper attribute to use is TITLE and it can be used on just about any object on your web page, not just images. Even the browsers that us ALT incorrectly will accept the TITLE attribute.

[Vladdy]

Or if you want to get fancy:
www.klproductions.com/KLToolTipsDemo.html

[brothercake]

Originally posted by Vladdy
Or if you want to get fancy

Nice :) Shame it doesn't work onfocus ...

[Vladdy]

Good point, I think I can add it without any problems...

[brothercake]

Excellent, I'll look forward to that; I'm particularly impressed with how it can read the normal title attribute, so an author doesn't have to do anything special to get that extra level of functionality. If it can work off element focus, now that would be a real accessibility boon :)

btw - I think you need to set tabindex attributes for the <span>s to receive focus.

[Vladdy]

I will just attach the function for onmouseover event to the onfocus event; and the function for onmouseout event to the onblur event and it should do the trick (I can actually make it as an optional behaviour that can be configured for each particular element)...

PS. Actually it does not "read" the title attribute, it converts them to tooltip attribute during initialization time. ;)