Infobulle en javascript problème de DIV

rbinou59 Messages postés 116 Date d'inscription   Statut Membre Dernière intervention   -  
rbinou59 Messages postés 116 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

2 réponses

rbinou59 Messages postés 116 Date d'inscription   Statut Membre Dernière intervention   3
 
UP, personne na d'idée ?
0
rbinou59 Messages postés 116 Date d'inscription   Statut Membre Dernière intervention   3
 
up
0