Discussion :

[statir]

Bonjour à tous,

Pour info, je suis ultra novice en javascript :-(

dans mon css :

Code :

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

1
2
3
4
5
6
7
#infobulle { 
  position : absolute; 
  left : 100px; 
  top : 100px; 
  display : none; 
  border : 1px solid blue; 
}

dans ma page :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript"> 
//----------------------- 
function see_bulle(img_){ 
  var Obj = document.getElementById('infobulle'); 
  Obj.innerHTML = "<img src='" +img_ +"' alt='" +img_ +"'>"; 
  Obj.style.display = "block"; 
} 
//-------------------- 
function kill_bulle(){ 
  var Obj = document.getElementById('infobulle'); 
  Obj.innerHTML = ""; 
  Obj.style.display = "none"; 
} 
</script>

Code :

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

<div id="infobulle"></div><a href="#" onmouseover="see_bulle('http://www.site.com/chemin/image.png');" onmouseout="kill_bulle();">texte qui appelle l'image</a>

L'image clignote !
Je comprends pouquoi :
1. je passe sur le texte l'image apparait
2. L'image prend le pas
3. je ne suis plus sur le texte
4. l'image disparait
5. je suis à nouveau sur le texte => retour à 1

Je n'arrive pas à sortir de cette boucle :-(

Si vous pouviez me filer un coup de main ?!?! Ce serait top !

[SpaceFrog]

lorsque ton image apparait, ton div perd le mouseover puisque c'est l'image qui prend le mouseover ..