Info bulle multi -texte ou fausse fenêtre popup (simple et précis)

Télécharger le projet
Commenter

Description

Voilà ce qui a été demandé, modifier le code de base pour intégrer du multi texte tout en utilisant le même code

Visitez mon portail et n'hésitez pas à me donner des idées pour le modifier.....votre avis m'intéresse !!

http://debbog.free.fr/

Source / Exemple : 


<html>
<head>
<STYLE TYPE='text/css'>
     .lien             {  color:#0EDBEE;      text-decoration:none;  }
     .popperlink        {  position:absolute;  visibility:hidden  }
     .bord-tabl-uniqmnt {  border: thin ridge; }
</style>
</head>
<body bgcolor="#DEEDFF">
<div class="popperlink" id="topdecklink"></div>
<script>
   var domok = document.getElementById;
   if (domok)
   {
       skn = document.getElementById("topdecklink").style;
       if(navigator.appName.substring(0,3) == "Net")
       document.captureEvents(Event.MOUSEMOVE);
       document.onmousemove = get_mouse;
   }
   function poplink(cl,num)
   {
       var msg         = null;
       var content     = null;
       var texteChoisi = null;

       if(num == 1)
       {
            texteChoisi = "Texte choisi numero 1";
       }
       if(num == 2)
       {
            texteChoisi = "Texte choisi numero 2";
       }

       msg = "<table><tbody align=left>"+
             "<tr><td>"+
             "<img src=\'http://images.google.com/images"+
             "?q=tbn:8x3BKGYn9TYJ:www.cynics.info/journal"+
             "/img/17022005marvinh2g2.jpg\' border=1 width"+
             "=50>"+
             "</td>"+
             "<td style=\'background-color:#05B8FF;padding:"+
             "10;\'>"+
             "<font size=\'2\'><b>"+ texteChoisi+
             "</font>"+
             "</b></td></tr></tbody></table>";

       content ="<table cellpadding='0' cellspacing='0'"+
                " bgcolor='#222222' border='0'>"+
                "<tr><td style='color: #FFFF80; "+
                "font-weight: bold'> ?"+ 
                " "+cl+" ?"+"</td></tr>"+
                "<tr><td>"+
                "<table width='100%' cellpadding='2' "+
                "cellspacing='2'  border='0'>"+
                "<tr><td style='text-align: left; "+
                "font-size: 10px; font-family:tahoma;'>"+
                msg+"</td></tr>"+
                "</table>"+
                "</td></tr>"+
                "</table>";

       if (domok)
       {
           // Rajoute le contenu hérité
           document.getElementById("topdecklink").innerHTML = content;

           // Rend visible le contenu
           skn.visibility = "visible";
       }
   }
   function get_mouse(e)
   {
       var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.parentNode.scrollLeft;
       var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.parentNode.scrollTop;
       skn.left = x + 20;
       skn.top  = y - 10;
   }
   function killlink()
   {
       if (domok) skn.visibility = "hidden";
   }
</script>
<table width="650" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
      <td colspan="4" style="padding:5;">
          <tr width="700">
            <td bgcolor="#DFFCFF" color="#9DACBD" width="150">
            <a href="#" onMouseOver="poplink('Popup','1')" onMouseOut="killlink()">
               <h2>Déclencheur 1</h2>
            </a>
            <td bgcolor="#DFFCFF" width="500">
               <h4><i><sup color="#678FBD"><font color="#678FBD">(glisser votre souris dessus)</font></sup></i></h4>
            </td>
          </tr>
          <tr width="700">
            <td bgcolor="#DFFCFF" color="#9DACBD" width="150">
            <a href="#" onMouseOver="poplink('Popup','2')" onMouseOut="killlink()">
               <h2>Déclencheur 2</h2>
            </a>
            <td bgcolor="#DFFCFF" width="500">
               <h4><i><sup color="#678FBD"><font color="#678FBD">(glisser votre souris dessus)</font></sup></i></h4>
            </td>
          </tr>
      </td>
    </tr>
</table>
</body>
</html>

Conclusion :


Bref prochaine mise à jour à votre prochaine demande ^^
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (xloadx)