Afficher une info bulle :  - Tester la !!!

Le script suivant permet d'afficher une info bulle sur un lien, vous pouvez paramétrer le titre et le contenu du message. Mais vous pourrez personnaliser facilement l'affichage en utilisant le code suivant :

Fonctionne avec  Internet Explorer 4+ Netscape 4+
1/ Position de départ de la légende 
 
INFOS SCRIPT
La légende sur le lancement de la page est masquée. La balise DIV doit être placée avant le script javascript fourni plus bas.
 
Entre les Balises <BODY> et </BODY>
<div ID="legend" STYLE="position:Absolute"></div>
 
Entre les Balises <BODY> et </BODY> après la balise <div>
<script language="Javascript">
var ie = (document.all);
var ne = (document.layers);
var fenetre = (ne) ? document.legend:legend.style;

if (ne) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = capture_souris;
window.onscroll=cache_legende;

function montre_legende(message,titre)

{
var contenu ="<table cellpadding=1 cellspacing=0 border=0 width=200><tr><td bgcolor=Gray><table border=0 width=100% cellpadding=3 cellspacing=0><tr><td bgcolor=#FFFFF9><font face=verdana size=1 color=blue><b>" + titre + "</b></font></td></tr><tr><td bgcolor=white><font face=verdana size=1 color=black>" + message + "</font></td></tr></table></td></tr></table>";

if (ie) // affichage avec Internet Explorer
{
document.all("legend").innerHTML = contenu;
fenetre.visibility = "visible";
}

else // affichage avec Netscape

{
fenetre.document.write(contenu);
fenetre.document.close();
fenetre.visibility = "visible";
}

}

function capture_souris(e)
{

var x = (ie) ? event.x+document.body.scrollLeft : e.pageX;
var y = (ie) ? event.y+document.body.scrollTop : e.pageY;
fenetre.left = x - 60;
var strtemp=navigator.appVersion.substring(22,25);
if ((navigator.appName == "Microsoft Internet Explorer") && (strtemp == "4.0"))

{
fenetre.top = y + 20 - document.body.scrollTop;
}

else{
fenetre.top = y + 20;
}

}

function cache_legende()

{
fenetre.visibility = "hidden";
}

</script>