begin process at 2012 05 28 10:40:10
  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é :18 458 / 1 651
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

AFFICHER OU CACHER UN COMPOSANT AVEC JAVASCRIPT V1.0
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 MYNOTIFICATIONS par inwebo
Source avec Zip Source avec une capture POSMOUSE - AFFICHAGE DES COORDONNÉES DE LA SOURIS, TAILLE DE... par phidelum
SFR WIDGET ET JQUERY par hhoareau
Source avec Zip JOLIE ALERTE AVEC "ALERT()" par heycraft
Source avec Zip Source avec une capture FENETRE D'ACTUALITE par kazma
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 Info bulle sur image réactive HTML [ par Geekpowah ] Bonjour, Je cherche à créer une image réactive sur laquelle une info bulle contenant une image et des textes pourrait apparaitre si l'on passe le cur 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 : onmouseover [ par charlotte83 ] Bonjour, j'ai une petite question. Je vous résume en gros ce que je veux faire et mon problème. j'ai une page javascript/HTML/AJAX qui fait appel à de Script pour la fermer la fenetre principale directement a l'ouverture d'1 fenetre popup sur clic [ par vaccoa ] Bonjours, Voici mon code d'ouverture de ma fenetre popup : <!-- Begin function expandingWindow(website) { var heightspeed = 3; // vitesse du scroll une fenetre popup [ par mythes ] // ALTTXT V1.2 // BY: BRIAN GOSSELIN OF SCRIPTASYLUM.COM // ADDED FADING EFFECT FOR IE4+ AND NS6+ ONLY AND OPTIMIZED THE CODE A BIT. // SCRIPT FEA 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


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

Photo Waterfall in Kauai Hawaii With RainbowPhoto Beautiful El Capitan Yosemite National Park
Photo Lagoon and its inhabitant 

Visiter la photothèque

A découvrir
 
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 (3)

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)