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

Soyez le premier à donner votre avis sur cette source.

Vue 20 927 fois - Téléchargée 1 782 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
158
Date d'inscription
dimanche 17 juillet 2011
Statut
Membre
Dernière intervention
12 juin 2015
-
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
-
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
-
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
-
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
-
est ce que c'est possible dechanger l'image egalement a chaque pop up
merci

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.