Infobulle en javascript problème de DIV

Bonjour,
Voila j"ai besoin d'infobulle sur mon site donc ne connaissant pas grand chose en JavaScript je me suis mis a la recherche d'un script sympa, que j'ai trouver en quelque minute. Il fonctionne avec un div cacher qui apparait / disparait grâce a une onmouseover / onmouseout
Je l'ai adapté, et celui-ci fonctionne très bien
Sauf (et oui il y a toujours un sauf ) quand le contenu de l'infobulle et trop important et que l'infobulle dépasse du div dans lequel se trouve le code pour appelé l'infobulle (le onmouseover), bah la l'infobulle ne s'affiche pas
Donc voila je vous met mon code
Le JS
      function GetId(id)

      {

      return document.getElementById(id);

      }

      var i=false; 


      function move(e) {
         if(i) {  

          if (navigator.appName!="Microsoft Internet Explorer") { 

          GetId("curseur").style.left=e.pageX + 5+"px";

          GetId("curseur").style.top=e.pageY + 10+"px";

          }

          else {

          if(document.documentElement.clientWidth>0) {

      GetId("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px";

      GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";

          } else {

      GetId("curseur").style.left=20+event.x+document.body.scrollLeft+"px";

      GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";

               }

          }

        }

      }

       

      function montre(text) {

        if(i==false) {

        GetId("curseur").style.visibility="visible"; 

        GetId("curseur").innerHTML = text; 

        i=true;

        }

      }
       function cache() {

      if(i==true) {
      GetId("curseur").style.visibility="hidden"; 

      i=false;

      }

      }
      document.onmousemove=move;

Le css

.infobulle
{
  color:white;
  position: absolute;  
  visibility : hidden;
  max-width:300px;
  padding: 10px;
  font-family: Trebuchet MS;
  font-size:14px;
  background-color:rgb(53,53,53);
}

Et pour finir la page ou se fait l'appelle
<div id="curseur" class="infobulle"></div>
<div class="part" onmouseover="montre('Description : contenu')" onmouseout="cache();">

Voila merci d'avance
Bonne soirée
Et BONNE ANNEE a tous

2 réponses

  • Votes
  • Date
  • Date décroissante