JavaScript code/tooltip

Tool Tip Text

********************************************
Free JavaScript provided by ©2003-VB'Breizh
Adapted from Web Development Resource ecybers.com
Thanks to Ludinski (javascriptfr.com) for the Mozilla adaptation
**Updated (08/21/2004) Compatibility : Internet Explorer

Some "tooltiptexts" to explain colors :
... green... orange... brown... purple... gray...

*With Internet Explorer you can use the 'title' attribute with some objects (buttons, image...)

...Download the JavaScript source code (0.99 kb)

<html><head><title>JavaScript code/tooltip</title>
<style>
.class1{position : absolute;visibility : hidden;}
</style></head>
<body>
<font size=2>Free JavaScript provided by ©2003-VB'Breizh :<a href="http://gilles.saunier.free.fr">       WebSite</a><br>
<hr><font color=darkgreen><font size=3><p>
<div id="tooltip" class="class1"> </div>
<script language="JavaScript"></script>
<font color=black><center>
Some "tooltiptexts" to explain colors : <br>
<font size=3>...<font color=green>
<a name style="cursor:hand" onmouseover="msgpop(' Blue and yellow ')" onmouseout="killtip()"; > green</a><Font color=black>...<font color=orange>
<a name style="cursor:hand" onmouseover="msgpop(' Red and yellow ')" onmouseout="killtip()"; > orange</a><Font color=black>... <font color=brown>
<a name style="cursor:hand" onmouseover="msgpop(' Blue, red and yellow ')" onmouseOut="killtip()"; > brown</a><font color=black>...<Font color=purple>
<a name style="cursor:hand" onmouseover="msgpop(' Red and blue ')" onmouseout="killtip()"; > purple</a><Font color=black>...<font color=gray>
<a name style="cursor:hand" onmouseover="msgpop(' Black and white ')" onmouseout="killtip()"; > gray</a><font color=black>...</center>
</body></html>

Mozilla Mozilla compatibility (Ludinski javascripfr.com) :

C'est sympa effectivement, mais dommage qu'il ne soit compatible qu'avec IE !!
Si ça t'intéresse, je l'ai rendu compatible avec Mozilla. Il fallait remplacer les style.visibility par des style.display, et quelques autres petits changements !!
<script language="JavaScript"></script>
Voilà, j'espère que ça aidera !!

Comment, question ?