Compatibilité javascript(propriété event) sous FireFox
Forum Programmation : Compatibilité javascript(propriété event) sous FireFox
Saluté tout lé monde !
J'ai un gros probleme de compatibilité. Le code suivant (qui est l'affichage d'une fenetre en suivant le pointeur de la souris).
ça marche sous IE, mais pas sous FireFox, snif snif ...
Voici mon code
ça c'est dans le head :
<style type="text/css">
.popper { POSITION: absolute; VISIBILITY: hidden; filter:alpha(opacity=90); }
</style>
et ça c'est dans mon body:
<DIV class="popper" id="topdeck">
<SCRIPT language="JavaScript">
var nava = (document.layers);
var iex = (document.all);
var skn = (nava) ? document.topdeck : topdeck.style;
if (nava) {document.captureEvents(Event.MOUSEMOVE)};
document.onmousemove = get_mouse;
function pop(msg)
{
skn.display = "block";
var content ="<TABLE WIDTH=220px height=100% BORDER=0px CELLPADDING=1px CELLSPACING=0px BGCOLOR=#000000><TR><TD><TABLE WIDTH=100% HEIGHT=100% BORDER=0px CELLPADDING=4px CELLSPACING=0px CLASS=fontzones><TR><TD valign=top style=padding-bottom=20; "+msg+"</TD></TR></TABLE></TD></TR></TABLE>";
if (nava)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck" ).innerHTML = content;
skn.visibility = "visible";
}
}
function get_mouse(e)
{
var x = event.x+document.body.scrollLeft;
var y = event.y+document.body.scrollTop;
skn.left = x;
skn.top = y;
}
function kill()
{
skn.visibility = "hidden";
skn.display = "block";
}
</SCRIPT>
</div>
Je sais que le probleme vient du fait que dans ma fonction get_mouse(e), j'ai
var x = event.x+document.body.scrollLeft;
var y = event.y+document.body.scrollTop;
et event n'est pas pris en charge par fire fox...
Y'a t-il un moyen de contourner ce problème ??
Merci d'avance !!!
crazycat@idn
re,
merci Omar pour lavancé du schmilblick...
ok pour le principe de la fonction,cependant je reste débutant dans le domaine,et fébrile en gestion de fonction...
voici les deux lignes ki bugge avec firefox:
mymenu.top = document.body.scrollTop + event.clientY - event.offsetY;
mymenu.left = document.body.scrollLeft + event.clientX - event.offsetX + ParentMenuWidth;
qd je vire les event.client et event.offsett,par une valeur chiffrée,le script fonctionne,cependant le placement du menu est pas forcément a l'endroit voulu selon les résolutions graphiques des postes utilisateurs.
donc si je suis bien ta proposition:
faut ke je crée une fonction ki gere si c'est Firefox ou IE par la valeur de la fonction event.?puis mettre le code ki va pour chaque Navigateur?
pour IE,je l'ai mais pour Firefox,je me sens seul o monde 
c'est peut être abusé de ma part,mais ya til qqun, qui sache codé mes 2 lignes pour que ce soit interprété correctement sur Firefox?
merci d'avance.
