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

4/5 (12 avis)

Vue 22 447 fois - Téléchargée 1 842 fois

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 ^^

Codes Sources

A voir également

Ajouter un commentaire Commentaires
chabgyver Messages postés 159 Date d'inscription dimanche 17 juillet 2011 Statut Membre Dernière intervention 28 janvier 2020
9 août 2007 à 12:42
est ce que c'est possible dechanger l'image egalement a chaque pop up ?
merci
xloadx Messages postés 28 Date d'inscription samedi 15 mai 2004 Statut Membre Dernière intervention 10 septembre 2011
5 mai 2007 à 03:22
Pour ce qui est des possibilités vous pouvez y ajouter ce que vous voulez....tables...images....marquee à vous de tester ^^
speedylol Messages postés 228 Date d'inscription mercredi 1 septembre 2004 Statut Membre Dernière intervention 27 novembre 2013
24 mars 2006 à 10:44
bonjour dans ta bulle il y a t'il moyens d'ajouter des données vennant d'une table php style image ou exemple stock merci de ta réponse
cs_potofeu Messages postés 5 Date d'inscription dimanche 9 janvier 2005 Statut Membre Dernière intervention 31 mai 2007
8 nov. 2005 à 16:16
desole pour les trois messages me suis plante
cs_potofeu Messages postés 5 Date d'inscription dimanche 9 janvier 2005 Statut Membre Dernière intervention 31 mai 2007
8 nov. 2005 à 16:15
est ce que c'est possible dechanger l'image egalement a chaque pop up
merci
Afficher les 12 commentaires

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.