Bon alors voila j'ai un probl�me sur lequel je me casse les dents :

Tout d'abord resumons la situation : j'ai 2 div, le premier contient du texte et est transparent (il ne sert qu'a afficher le texte), le deuxieme est vide et transparent (il me sert a cr�er une zone sensible et/ou a afficher des tooltips).

Ces deux div sont superpos� en respectant bien le zIndex (le texte dessous et la zones sensible dessus) et tout se passe bien sauf que quand je passe ma souris sur le texte le curseur se transforme alors en curseur de selection et le div du dessus ne reagit plus aux clics...

Voici un exemple de code illustrant mon probleme :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
 <head>
  <title>createLinearGradient() basic test</title>
 
 </head>
 <body>
  <script>
 
   var txt = document.createTextNode("Mon texte");
   var mondiv1 = document.createElement("div");
   mondiv1.getAttribute("style").setAttribute("position", "absolute");
   mondiv1.getAttribute("style").setAttribute("background", "transparent");
   mondiv1.getAttribute("style").setAttribute("left", "0px");
   mondiv1.getAttribute("style").setAttribute("top", "0px");
   mondiv1.getAttribute("style").setAttribute("width", "80px");
   mondiv1.getAttribute("style").setAttribute("height", "15px");
   mondiv1.getAttribute("style").setAttribute("zIndex",1);
   mondiv1.appendChild(txt);
   document.body.appendChild(mondiv1);
 
   var mondiv2 = document.createElement("div");
   mondiv2.getAttribute("style").setAttribute("left", "0px");
   mondiv2.getAttribute("style").setAttribute("top", "0px");
   mondiv2.getAttribute("style").setAttribute("width", "150px");
   mondiv2.getAttribute("style").setAttribute("height", "40px");
   mondiv2.getAttribute("style").setAttribute("zIndex",2);
   mondiv2.getAttribute("style").setAttribute("cursor","pointer");
   mondiv2.setAttribute("title","Mon tooltip");
   document.body.appendChild(mondiv2);
  </script>
 </body>
</html>
Je me permet de repondre par anticipation a ceux qui dirons qu'il suffit de mettre mon tooltips et ma zone sensible sur le meme div que le texte : j'ai besoin de pouvoir les positionner independament l'un de l'autre et mes zones sensibles ne sont pas toujours sur du texte.

Donc voila, existe-t-il un moyen de virer ce curseur de selection ? ou de rendre mon div du dessous (ou mon texte) insensibles aux evenements souris ?

Merci d'avance pour votre aide.