petit problem de fenetre* - Forums de discussion

Navigation

Accueil du forum » Javascript » petit problem de fenetre*


Le sujet

kedonpetit problem de fenetre*
Par kedon, le Lundi 08/12/2008 à 16h28'22
2 messages
Bien le bonjour.

J'ai un petit problem niveau javascript, j'ai trouver un script sur internet qui ouvre un genre de fenetre ci on passe avec la sourris sur un text de choix. le probleme la fenetre s'ouvre mais en haut a gauche. Ce que je voudrais savoir. Est il possible de l'ouvrire auprés du text(sourris) ? Excusez moi pour l'orthogrape mais j'esseie de poster dans plusieurs forums de plusieurs langues pour voir ou je reçois la réponce qui m'aide le +.

Le code:

    <script language="javascript" type="text/javascript">
   
      <!--
      function GetId(id5)
      {
        return document.getElementById(id5);
      }
   
      var i=false; // La variable i nous dit si la bulle est visible ou non
   

      function move(e) 
      {
        if(i) 
        {  // Si la bulle est visible, on calcul en temps reel sa position ideale
          if (navigator.appName!="Microsoft Internet Explorer") 
          { // Si on est pas sous IE
              GetId("curseur").style.left=e.pageX - 50+"px";
              GetId("curseur").style.top=e.pageY + 10+"px";
          }
          else 
          { // Modif proposé par TeDeum, merci à  lui
              if(document.documentElement.clientWidth>0) 
              {
                  GetId("curseur").style.left=10-50+event.x+document.documentElement.scrollLeft+"px";
                  GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
              } 
              else 
              {
                  GetId("curseur").style.left=10-50+event.x+document.body.scrollLeft+"px";
                  GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px"; 
              } 
          }
        }
      }
      
      function montre(text)
      {
        var text2;
            text2='<iframe ';
            
            text2=text2+'src="http://www.*no spamm*.net/web/user.php?nick='+text+'" ';     
            text2=text2+'bgcolor="#FFFFFF" ';
            text2=text2+'width="595" '; 
            text2=text2+'height="250" '; 
            text2=text2+'align="top" '; 
            text2=text2+'align="left" '; 
            text2=text2+'frameborder="0" ';
            text2=text2+'border="0" '; 
            text2=text2+'scrolling="no"> ';
            text2=text2+'</iframe> ';
            
            GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
            GetId("curseur").innerHTML = text2; // on copie notre texte dans l'élément html
         
      }
      
      function cache() 
      {
          
             GetId("curseur").style.visibility="hidden"; // Si la bulle est visible on la cache
             
          
      }
      document.onmousemove=move;
      </script>

      
      <div id="curseur" class="infobulle" style="background:#FFFFFF; margin:0px;"></div>


<a onmouseover="montre('Kedon');" onmouseout="cache();">Kedon</a>

________________
kedon

Les réponses

xersesPar xerses, le Lundi 08/12/2008 à 18h01'12
736 messages
Il existe des scripts beaucoup plus simple à mettre en place pour ce genre d'effets.

Voir notamment du côté de JQuery : http://www.paperblog.fr/709459/coda-bubble-jquery-information-box/

C'est propre et particulièrement efficace.

________________
Anything that can go wrong will go wrong (Murphy)
Statut: Modérateur

Pages

Réponses les plus anciennes... 1 ...Réponses les plus récentes

A lire également

- Les conditions générales d'utilisation du site

Top-sites membres

Les Amis des Animaux | -752 pointsastuces blog et ciné live | -1140 pointsDark Lord Center | -1140 pointsBlogHotel - Hébergement de Blog gratuit | -1947 points

Discussions récentes dans les forums

Membres
Pseudo:
Pass: Mémoriser ?
Problème d'identificationInscription gratuite
Tribune libre
CNIL: 1098091
Connectés: 7
Google:
Publicité: Troc et échanges sur troc.net. Inscription et petites annonces gratuites.