begin process at 2010 02 09 20:09:11
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Fenêtre & Pop-up

 > INFO BULLE MULTI -TEXTE OU FAUSSE FENÊTRE POPUP (SIMPLE ET PRÉCIS)

INFO BULLE MULTI -TEXTE OU FAUSSE FENÊTRE POPUP (SIMPLE ET PRÉCIS)


 Information sur la source

Note :
7,75 / 10 - par 8 personnes
7,75 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Fenêtre & Pop-up Classé sous :popup, info, bulle, fenetre Niveau :Initié Date de création :05/09/2005 Date de mise à jour :18/09/2007 02:55:39 Vu / téléchargé :15 369 / 1 507
Auteur : xloadx

Ecrire un message privé
Site perso
Commentaire sur cette source (12)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
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

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

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

07 septembre 2005 09:47:16 :
suppression variable booléenne inutile
07 septembre 2005 09:52:43 :
remodif, une partie du code n'avait pas été enregistrée suite à la modif
07 septembre 2005 09:54:36 :
idem ?????
05 mai 2007 02:56:34 :
Modif suite à demande de Tincnda....merci à toi ^^
18 septembre 2007 02:55:39 :
Mise à jour minime, suite à un petit bug

 Sources du même auteur

FONCTION BLINK ( TESTÉE SOUS FF ) PORTABILITÉ IE OP ET GC EN...
AJOUT NOEUDS + OBJETS + LIENS (AJOUTUBE V1.1)
Source avec Zip Source avec une capture FOND D'ÉCRAN DÉFILANT AVEC FONCTION MARCHE/ARRÊT ( AJOUT JQU...
Source avec Zip Source avec une capture TEXTE DÉFILANT ( BOUTONS : ARRÊT - PAUSE - AVANT - ARRIÈRE E...
Toutes les sources de xloadx

 Sources de la même categorie

Source avec Zip Source avec une capture FENETRE D'ACTUALITE par kazma
Source avec Zip Source avec une capture CLASS POP-IN AVEC EFFET SOUS JQUERY DE "CONNEXION" STYLE CS ... par Nementon
Source avec Zip Source avec une capture FENETRE DE LOGIN par kazma
Source avec Zip Source avec une capture MESSAGES VIRTUELS par grarestephane
Source avec Zip Source avec une capture ENVOIE DE MESSAGE AUTOMATIQUE par grarestephane
Toutes les sources de la catégorie Fenêtre & Pop-up

 Sources en rapport avec celle ci

FERMER LA FENÊTRE PRINCIPALE par lurked
GÉNÉRATEUR D'INFO-BULLES DYNAMIQUES par Lomendil
UN CLIC = UN LIEN + UNE POPUP (LA PAGE DU POPUP NE T'APPARTI... par transgoku
Source avec une capture EXPLORATEUR DOM par biskbart
Source avec Zip MISE À JOUR D'UNE LISTE DÉROULANTE VIA UN POPUP par ahcorad

Commentaires et avis

Commentaire de j3rz le 06/09/2005 00:26:25

virus attack

Commentaire de sebmafate le 06/09/2005 08:56:35 administrateur CS

ce n'est pas la peine de recréer une source à chaque nouvelle mise à jour. Il existe une fonction "Mise à jour" pour ce cela.
Merci.

Commentaire de doudou3208rt le 06/09/2005 14:25:41

excellent quand même

Commentaire de johann1 le 07/09/2005 13:36:02

Bonjour xloadx

Super ton faux popup! Merci

J'aimerais juste avoir le même résultat que tu obtiens sur un texte à l'approche de la souris, mais avec une "image". Est-ce possible crois-tu?

Merci d'avance pour ta réponse

Johann

Commentaire de mandonnaud le 07/09/2005 15:20:12

Script bug en xhtml

Commentaire de glork le 09/09/2005 21:20:04

10/10, cool !!!

Commentaire de ttncnda le 26/09/2005 11:27:58

Dans la fonction get_mouse() juste remplacer "document.body.scrollLeft" par
"document.body.parentNode.scrollLeft et document.body.scrollTop par document.body.ParentNode.scrollTop , le pop-up reste tjrs à coté du pointeur de la souris quelque soit la longueur de la page (IE)

Commentaire de potofeu le 08/11/2005 16:15:17

est ce que c'est possible dechanger l'image egalement a chaque pop up
merci

Commentaire de potofeu le 08/11/2005 16:16:45

desole pour les trois messages me suis plante

Commentaire de speedylol le 24/03/2006 10:44:29

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

Commentaire de xloadx le 05/05/2007 03:22:48

Pour ce qui est des possibilités vous pouvez y ajouter ce que vous voulez....tables...images....marquee à vous de tester ^^

Commentaire de chabgyver le 09/08/2007 12:42:43

est ce que c'est possible dechanger l'image egalement a chaque pop up ?
merci

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Info bulle [ par tenced28 ] Bonjour!Je souhaiterai qu'apparaisse une petite fenetre lorque l'on passe la souris sur une image, fenetre donnant des informations sur cette image! J Focus fenetre principale / popup [ par jojoland ] Bonjour,voici mon problème : j'ai une page avec un long texte et un bouton. Le bouton ouvre une popup.J'aimerai sélectionner du texte avec ma souris, pb compatibilité ie/ info bulle [ par elisabeth_nov ] Bonjour,j'ai créer un planning, chaque case de mon planning peut contenir une image ou une couleur issue de ma base mysql (par requete php), sur chaqu Pb affichage info bulle sous une liste déroulante [ par gipcps ] Bonjour, Voici mon problème : Sous Firefox mes info-bulle s'affichent correctement au dessus des listes déroulantes situées dans leur périmètre.Sous I info bulle [ par didcup ] Bonjour,quelqu'un aurait une idée de script pour faire passer une info bulle de droite à gauche lorsque qu'elle n'a plus de place dans la fenetre du n Info bulle [ par matta6666 ] Les infos bulle du site sont superbes cf http://www.javascriptfr.com/telecharger.aspx?ID=38238et survoler : la liste Sources en rapport avec celle ciE pb d'ouverture fermeture de popup [ par jeffb ] bonjour,j'ai ouvert une fenetre popup avec la fonction:popupHandle=open('popup.asp', 'Cobrowsing1', 'status=no, resizable=1, scrollbars=1, toolbar=0, Rafraichir la fenetre "parent" [ par aurélien ] Bonjour à tous, J'ai une page en html/php a partir de laquelle, en cliquant sur un bouton, j'ouvre un popup, et j'aimerais que lorsque je ferme ce pop ouvrir un popup et fermer la premiere fenetre [ par jeantend ] je veux ouvrir une fenetre ki va charger un popup et se fermer (elle meme pas fermer le popup)...j ecris cela :&lt;html&gt;&lt;head&gt;&lt;script lang Dialogue entre une fenetre et une popup [ par bob ] Bonjour à tous G un petit soucis G une page dans laquelle G un boutton "Valider" qui appelle une fonction js qui fait ceci :.....var ouvert=window.ope


Nos sponsors


Sondage...

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,874 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)