Alt-O-Matic is a javascript to add additional information to textlinks. When hovering over a textlink, a customised information-layer appears.
You are seeing this very light version of the page, as you are using an outdated
browser!
Onlinetools.org is done in XHTML 1.0 and supports CSS 2.0, please upgrade your
browser if you want a better version of this site.
Thank you, please help us developers keep up with the industry rather than patching our code for outdated applications.
Alt-O-Matic is a DHTML/Javascript to add "Alt Tag" or "Title" functionality to textlinks in IE and Netscape. With Alt-O-Matic you add additional information to textlinks. When hovering over a textlink, a customised information-layer appears.
When you use pictures on your webpage, you can use ALT Tags. These display text while the image is loading and when you touch it with your mouse.
If you use textlinks, you don't have this feature, and you have to make sure that all the required information about the link is given in the surrounding copy or in the link text itself.
With Alt-O-Matic you can add an alt-tag functionality to your textlinks. You can alter the text to be displayed and even it's looks. If a surfer hovers over one of your textlinks, he will get an "ALT message" with a slight offset next to the mousepointer.
Simply call or put the code in the <head> section of your HTML
To use AltOMatic in your own Pages, you copy the code in the <head> section and trigger the function in the <body> via onload="initalt()".
The linktag itself has to contain the mouse-events, onmouseover you add your message, onmouseout you hide it again:
<a href="http://www.onlinetools.org/" onmouseover="doalt('ManyOMatics!')" onmouseout="realt()">Click</A>
Change the style of your altmessages in lines 22 to 30 of the source:
altback="yellow" // AltMessage background color
altborder="black"// AltMessage border color
altfont="arial" // AltMessage Font
altfontcolor="black"// AltMessage Font color
altfontsize="2" // AltMessage Font Size
altoffx=5 // AltMessage horizontal offset from mouseposition
altoffy=15 // AltMessage vertical offset from mouseposition
altwidth=10 // AltMessage width, will be expanded by your message
altheight=10 // AltMessage height, will be expanded by your message
