Discussion :

[Zan]

Bonjour à tous, j'ai un pb avec mon script javascript.

voici une div qui représente un cadre d'indo (une bulle)

<div id=curseur style='position:absolute; z-index:1000; background-image: url(img/ecran.jpg); width:260px; height:120px; padding:0px; visibility:hidden; filter:alpha(opacity=30); color:white; font-family:verdana;font-size: 10px; padding-top:5px'></div>";

J'affiche cela dans ma page php:

echo"<tr><td onmouseover=\"montre('texte');\" onmouseout=\"cache();\">Un exemple</td></tr>";

Et voici mon script

if (navigator.appName!="Microsoft Internet Explorer")
{ // Si on est pas sous IE
document.getElementById("curseur").style.left=e.pageX + 5+"px";
document.getElementById("curseur").style.top=e.pageY + 10+"px";
}
else
{
document.getElementById("curseur").style.left=20+event.x+document.body.scrollLeft+"px"; document.getElementById("curseur").style.top=10+event.y+document.body.scrollTop+"px";
}

document.getElementById("curseur").innerHTML = text;
document.getElementById("curseur").style.visibility="visible";
document.body.style.cursor="default";

Malheureseument, rien ne s'affiche, et je ne trouve pas mon erreur. si quelqu'un avait une sugestion, merci d'avance

[Auteur]

bonjour,

Par exemple IE et fireofx ne gèrent pas les événements de la même façon. Pour firefox, il faut transmettre les événements de façon explicite (l'événement est un paramètre de la fonction).

L'exemple ci-dessous fonctionne sous IE et Firefox (pas nécessaire de différencier le navigateur) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onmouseover="montre('texte', event);"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function montre(valeur, ev)
{
var Xfen, Yfen, Xdoc, Ydoc;
var el = document.getElementById("curseur");
 
//position de la souris :
Xfen = ev.clientX;
Xdoc = Xfen + document.body.scrollLeft;
 
Yfen = ev.clientY;
Ydoc = Yfen + document.body.scrollTop;
 
el.style.left = Xdoc + 10;
el.style.top = Ydoc + 10;
.........
}

-Utilise la propriété display (none, block) plutôt que visibility.
-filter n'est, je crois, reconnu que par IE.