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

Code

 > 

Effets

 > DES INFO-BULLES ORIGINALS

DES INFO-BULLES ORIGINALS


 Information sur la source

Note :
6 / 10 - par 7 personnes
6,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Classé sous :infobulle, info, bulle, infosbulles Niveau :Initié Date de création :21/04/2001 Vu :36 556
Auteur : patoch

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

 Description

Juste un copier/coller suffit

Source

  • <html>
  • <head>
  • <!--left et top sont la position du texte.-->
  • <style type="text/css">
  • <!-- left: 40px;
  • top: 220px;
  • visibility: hidden;}//-->
  • </style>
  • <style type="text/css">
  • <!-- left: 100px;
  • top: 350px;
  • visibility: hidden;}//-->
  • </style>
  • <style type="text/css">
  • <!-- left: 150px;
  • top: 200px;
  • visibility: hidden;}//-->
  • </style>
  • <style type="text/css">
  • <!-- left: 280px;
  • top: 280px;
  • visibility: hidden;}//-->
  • </style>
  • <script>
  • <!-- Masqué pour les anciens navigateurs
  • //
  • // Voici les calques
  • //
  • niveaux = document.all;
  • if (! niveaux)
  • niveaux = document;
  • function OnOff (quoi, comment) {
  • if (quoi) {
  • if (quoi.style) {
  • quoi.style.visibility = comment;
  • }
  • if (quoi.visibility) {
  • quoi.visibility = comment;
  • }
  • }
  • }
  • function Off (quoi) {
  • //
  • // Désactive un niveau
  • //
  • OnOff (quoi, "hidden");
  • }
  • function ActiverOnOff (quoi) {
  • //
  • // Tout désactiver
  • //
  • Off (niveaux.Pos1);
  • Off (niveaux.Pos2);
  • Off (niveaux.Pos3);
  • Off (niveaux.Pos4);
  • //
  • // puis activation d'un niveau
  • //
  • if (quoi)
  • OnOff (quoi, "visible");
  • }
  • // -- Le reste n'est pas masqué -->
  • </script>
  • </head>
  • <body text=" onLoad="ActiverOnOff ();">
  • <center>
  • <h1>Voici quelques Info-Bulle original</h1>
  • <br><h2>Passez sur les liens ?</h2></center><br>
  • <font size="+2">
  • <!--4000 est le temps de visibilité du texte.-->
  • <center>
  • <a href="Pub1.html"
  • onMouseOver="ActiverOnOff (niveaux.Pos1);
  • window.setTimeout ('Off (niveaux.Pos1);', 4000);"
  • onMouseOut="ActiverOnOff ();">Pub 1</a> -
  • <a href="Pub2.html"
  • onMouseOver="ActiverOnOff (niveaux.Pos2);
  • window.setTimeout ('Off (niveaux.Pos2);', 4000);"
  • onMouseOut="ActiverOnOff ();">Pub 2</a> -
  • <a href="Pub3.html"
  • onMouseOver="ActiverOnOff (niveaux.Pos3);
  • window.setTimeout ('Off (niveaux.Pos3);', 4000);"
  • onMouseOut="ActiverOnOff ();">Pub 3</a> -
  • <a href="Pub4.html"
  • onMouseOver="ActiverOnOff (niveaux.Pos4);
  • window.setTimeout ('Off (niveaux.Pos4);', 4000);"
  • onMouseOut="ActiverOnOff ();">Pub 4</a></center>
  • </font>
  • <div id="Pos1">
  • <table bgcolor=" <tr><td>
  • <font face="Comic Sans MS">
  • <b>Bonjour ! Passez sur les liens<br>
  • vous aurez l'adresse de tous mes sites.</b>
  • </font>
  • </td></tr>
  • </table>
  • </div>
  • <div id="Pos2">
  • <table bgcolor=" <tr><td>
  • <font face="Comic Sans MS">
  • <b>Ici, en route vers http://www.chez.com/pitrack1.</b>
  • </font>
  • </td></tr>
  • </table>
  • </div>
  • <div id="Pos3">
  • <table bgcolor=" <tr><td>
  • <font face="Comic Sans MS">
  • <b>La je vous entraîne vers<br>
  • http://www.multimania.com/pitrack1...</b>
  • </font>
  • </td></tr>
  • </table>
  • </div>
  • <div id="Pos4">
  • <table bgcolor=" <tr><td>
  • <font face="Comic Sans MS">
  • <b>... et celui-ci vers<br>http://www.respublica.fr/yalaqueu</b>
  • </font>
  • </td></tr>
  • </table>
  • </div>
  • </body>
  • </html> 
<html>
  <head>
  <!--left et top sont la position du texte.-->
    <style type="text/css">
    <!--           left: 40px;
          top: 220px;
          visibility: hidden;}//-->
    </style>

    <style type="text/css">
    <!--           left: 100px;
          top: 350px;
          visibility: hidden;}//-->
    </style>

    <style type="text/css">
    <!--           left: 150px;
          top: 200px;
          visibility: hidden;}//-->
    </style>

    <style type="text/css">
    <!--           left: 280px;
          top: 280px;
          visibility: hidden;}//-->
    </style>
    
    
    
    <script>
    <!-- Masqué pour les anciens navigateurs

    //
    // Voici les calques
    //
    niveaux = document.all;
    if (! niveaux)
        niveaux = document;

    function OnOff (quoi, comment) {

      if (quoi) {
      
        if (quoi.style) {
        
          quoi.style.visibility = comment;
        }
        
        if (quoi.visibility) {
        
          quoi.visibility = comment;
        }
      }
    }

    function Off (quoi) {
    
      //
      // Désactive un niveau
      //
      OnOff (quoi, "hidden");
    }
    
    function ActiverOnOff (quoi) {
    
      //
      // Tout désactiver
      //
      Off (niveaux.Pos1);
      Off (niveaux.Pos2);
      Off (niveaux.Pos3);
      Off (niveaux.Pos4);
      
      //
      // puis activation d'un niveau
      //
      if (quoi)
        OnOff (quoi, "visible");
    }
    
    
    // -- Le reste n'est pas masqué -->
    </script>

  </head>


  <body text="    onLoad="ActiverOnOff ();">
  <center>
  <h1>Voici quelques Info-Bulle original</h1>
  <br><h2>Passez sur les liens ?</h2></center><br> 
  
  <font size="+2">

   <!--4000 est le temps de visibilité du texte.-->
  <center>
  <a href="Pub1.html"
    onMouseOver="ActiverOnOff (niveaux.Pos1);
           window.setTimeout ('Off (niveaux.Pos1);', 4000);"
    onMouseOut="ActiverOnOff ();">Pub 1</a> -

  <a href="Pub2.html"
    onMouseOver="ActiverOnOff (niveaux.Pos2);
           window.setTimeout ('Off (niveaux.Pos2);', 4000);"
    onMouseOut="ActiverOnOff ();">Pub 2</a> -

  <a href="Pub3.html"
    onMouseOver="ActiverOnOff (niveaux.Pos3);
           window.setTimeout ('Off (niveaux.Pos3);', 4000);"
    onMouseOut="ActiverOnOff ();">Pub 3</a> -
  
<a href="Pub4.html"
    onMouseOver="ActiverOnOff (niveaux.Pos4);
           window.setTimeout ('Off (niveaux.Pos4);', 4000);"
    onMouseOut="ActiverOnOff ();">Pub 4</a></center>

  </font>
  
  
  <div id="Pos1">
    <table bgcolor="      <tr><td>
      <font face="Comic Sans MS">
        <b>Bonjour ! Passez sur les liens<br>
          vous aurez l'adresse de tous mes sites.</b>
      </font>
      </td></tr>
    </table>
  </div>  

  <div id="Pos2">
    <table bgcolor="      <tr><td>
      <font face="Comic Sans MS">
        <b>Ici, en route vers http://www.chez.com/pitrack1.</b>
      </font>
      </td></tr>
    </table>
  </div>  

  <div id="Pos3">
    <table bgcolor="      <tr><td>
      <font face="Comic Sans MS">
          <b>La je vous entraîne vers<br>
          http://www.multimania.com/pitrack1...</b>
      </font>
      </td></tr>
    </table>
  </div>  

  <div id="Pos4">
    <table bgcolor="      <tr><td>
      <font face="Comic Sans MS">
        <b>... et celui-ci vers<br>http://www.respublica.fr/yalaqueu</b>
      </font>
      </td></tr>
    </table>
  </div>  

  </body>
</html>



 Sources du même auteur

Source avec Zip VOUS ETES SURVEILLER
SUPERBE TEXTE DÉFILANT
Source avec Zip MENU EXPLORER
Toutes les sources de patoch

 Sources de la même categorie

Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600
TAILLE DE TEXTE EN FONCTION DE LA RÉSOLUTION par tefa24600
Toutes les sources de la catégorie Effets

 Sources en rapport avec celle ci

GÉNÉRATEUR D'INFO-BULLES DYNAMIQUES par Lomendil
Source avec une capture EXPLORATEUR DOM par biskbart
Source avec Zip INFO BULLE COMPATIBLE SELECT ET DOCTYPE par PetoleTeam
Source avec Zip BULLE par Zart
Source avec Zip Source avec une capture INFO-BULLE PERSONNALISABLE COMPATIBLE FIREFOX ET IE par mobman02

Commentaires et avis

Commentaire de hicksman le 07/04/2003 10:54:39

ah ben moi en tout cas, il m'a bien servit ce piti script, c pil poil ce que je cherchais a faire. Du coup, j'ai même plus à le faire. Et pis, pour rejoindre anduril22, y a fucius qui disait :
"La critique est facile, l'art est difficile!".Il avait oublié d'êtrte con ce fucius.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

bug info bulle [ par ntfree ] voila, c tt simple, g chopé le script info bulle de ce site.mais le probleme, c'est ke maintenant, il est impossible de selectionner du texte sur le s PB avec INFO BULLE [ par renaud1102 ] Bonjour,J'ai un formulaire, et quand je passe le curseur de ma souris sur un des liens, l'info bulle apparait sous les cases du formulaire. Donc je ne problème affichage info bulle [ par _lolo ] Bonjour,Voilà j'ai récupéré un p'tit script pour faire de belles infos bulles :)Malheureusement les infos bulles qui apparaissent dans le menu droit d info bulle [ par fixou47 ] Bonjour à touscomment pouvoir mettre plusieurs lignes dans une info bulle ?du type : ordre du jour -approbations une info bulle qd je survole une checkbox [ par adilou1981 ] bonjour je voudrais savoir quel script permet d'afficher une info bulle qd le curseur passe dessus une case &#224; cocher merci info bulle [ par adilou1981 ] bonjour je voudrais savoir quel script permet d'afficher une info bulle qd le curseur passe dessus une case &#224; cocher merci info bulle dans un select [ par corback ] Bonjour, J'utilise actuellement un select contenant une liste d'options. Le probl&#232;me est que la taille de mon select est fixe et que le contenu Info bulle avec récupération de valeur php? [ par Monico9385 ] Bonjour, j'aimerai cr&#233;er une info bulle au survol d'un lien avec dans cet info des valeurs &#224; r&#233;cup&#233;rer en php, sauf que je n'ai a slectmultiple et infobulle [ par goulouk ] Bonjour,Je vous expose mon prolblème :J'ai un select multiple et je voudrais qu'au passage de la sourie sur une des options du select avoir une info b info bulle originale qui ne fonctionne pas sous mozilla [ par pssinjaune ] Bonjour,Voilà j'ai trouver une source sur le site:http://www.javascriptfr.com/codes/BULLE-AIDE-ASSEZ-SPECIALE-VOIR_19301.aspxLa source


Nos sponsors


Sondage...

Comparez les prix


Archos 7 home tablet - 2 Go
Entre 149€ et 159€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

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,998 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)