Bonjour,
J'ai réalisé un script qui me permet d'afficher les détails d'un lien.
Tout fonctionne correctement sur les navigateurs Firefox, Safari, mais
sur Internet Explorer 5, le fait de passer la souris sur le lien puis
de l'enlever provoque un agrandissement de la page la page (scroll bar
plus courte !).
Quelqu'un aurait-il une idée ?
Le fichier .js :
var x=0;
var y=0;
if(document.getElementById)
{
if(navigator.appName.substring(0,3)=="Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=Pos_Souris;
}
function Pos_Souris(e)
{
x=(navigator.appName.substring(0,3)=="Net") ? e.pageX : event.x+document.body.scrollLeft;
y=(navigator.appName.substring(0,3)=="Net") ? e.pageY : event.y+document.body.scrollTop;
document.getElementById("detail").style.left=x+20;
document.getElementById("detail").style.top=y;
}
function affiche_description(msg)
{
var description="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"#000000\">\
<tr><td><table width=\"100%\" border=\"0\" cellpadding=\"2\" cellspacing=\"1\"><tr>\
<td bgcolor=\"#ffcc00\"><font
color=\"#000000\" size=\"1\"
face=\"Verdana\"><center><b>\
"+msg+"</b></center></td></tr></table></td></tr></table>";
if(document.getElementById)
{
document.getElementById("detail").innerHTML=description;
document.getElementById("detail").style.visibility="visible";
}
}
function efface_description()
{
if(document.getElementById)
{
document.getElementById("detail").innerHTML="";
document.getElementById("detail").style.visibility="hidden";
}
}
La balise div dans la page html :
<div id="detail" style="position:absolute;visibility:hidden"></div>
--------------------------------------------
Jean-Pierre Astier
Maison SA Janvier/Analogue
Tel. 33 1 53 20 22 00
Fax. 33 1 53 20 22 09
-----------------------------------------------