Infobulle en javascript problème de DIV

Fermé
rbinou59 Messages postés 116 Date d'inscription samedi 31 janvier 2009 Statut Membre Dernière intervention 18 septembre 2011 - 2 janv. 2011 à 20:14
rbinou59 Messages postés 116 Date d'inscription samedi 31 janvier 2009 Statut Membre Dernière intervention 18 septembre 2011 - 3 janv. 2011 à 20:30
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 samedi 31 janvier 2009 Statut Membre Dernière intervention 18 septembre 2011 3
2 janv. 2011 à 23:15
UP, personne na d'idée ?
0
rbinou59 Messages postés 116 Date d'inscription samedi 31 janvier 2009 Statut Membre Dernière intervention 18 septembre 2011 3
3 janv. 2011 à 20:30
up
0