Bug avec fonctionnement d'une info bulle

Version imprimable

1 pièce(s) jointe(s)

bonjour,

j ai pris un code tout fais qu on m avais passer sur ce forum pour faire une infobulle en javascript très rapide mais je recontre un petit probleme
tout ce passe tres bien au moment ou j appui sur le lien en question

l image bloque et ne s enleve que quand je fais un refresh de la page

voici une photo

Pièce jointe 193570

c est au moment ou je click dessus qu il met, qu il charge le container right et qui fige l info bulle

voici mon code javascript

Code:

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
33
34
35
36
37
38
39
40
<script>
// création conteneur info-bulle
var oBulle = document.createElement('DIV');
oBulle.id = 'info_bulle';
document.body.appendChild(oBulle);
 
var oClone,
    oInfo = document.querySelectorAll('.HoverfunctionMeps'),
    i, nb = oInfo.length;
 
for (i = 0; i < nb; i += 1) {
  oInfo[i].onmouseover = function(e) {
    e = e || window.event;
    // récup. élément
    oClone = this.querySelector('.bulle');
    if( oClone){
      // copie de l'information
      oClone = oClone.cloneNode(true);
      // contenu visible
      oClone.style.display = 'block';
      // place
      oBulle.style.left = (e.clientX + 10) + 'px';
      oBulle.style.top = (e.clientY + 10) + 'px';
      oBulle.appendChild(oClone);
      // affiche
      oBulle.style.display = 'block';
	   oBulle.style.background = '#DAE7FA';
    };
  };
  oInfo[i].onmouseout = function() {
    // vide le contenu
    while (oBulle.firstChild) {
      oBulle.removeChild(oBulle.firstChild);
    }
    // masque
    oBulle.style.display = 'none';
  };
}
 
</script>

merci pour vos reponse

28/11/2015, 13h50
NoSmoking

Bonjour,
dans le code que tu montres seule l'info bulle est concernée alors que visiblement le problème est ailleurs puisque tu parles de click .

bonjour et merci de ta reponse

je pense aussi mais je ne vois pas du tout ou il plante

voici la liste que je recupere en ajax dans index.php
Code:

1 2 3 4 5 6 $("#third").click(function() { $.post("ListBODY.php", function(data) { $("#scrollbarBODIES").html(data) }); })
et voici mon code de redirection de la liste a gauche en question (dans listBODY.php)
Code:

1 2 3 4 5 6 7 8 9 10 11 $(function(){ $('.liensBODIES').click(function(e){ e.preventDefault(); var url = $(this).attr('href'); console.log($(this).attr('href')); $.get(url,function(data){ $('#Container-Right').html(data); }); }); }); </script>