Discussion :

[djoufouf]

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



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 :

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
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

[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 .

[djoufouf]

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 :

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

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 :

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

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>