begin process at 2012 05 27 20:36:34
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > TOOLTIP - INFOBULLE

TOOLTIP - INFOBULLE


 Information sur la source

Note :
9 / 10 - par 2 personnes
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Débutant Date de création :18/12/2004 Vu :12 581

Auteur : Naza

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

 Description

Cliquez pour voir la capture en taille normale
Cette source permet d'apporter une information, une description ou autre dans une infobulle.
L'infobulle se rend visible quand on passe le curseur sur l'objet et disparait quand on retire le curseur.

Source

  • <script language=javascript>
  • ns4 = (document.layers)? true:false
  • ie4 = (document.all)? true:false
  • document.write('<div id=description style="visibility:hidden;position:absolute;border:1 solid #000000"></div>');
  • function description(code) {
  • if (ns4) {var mouseX=e.pageX; var mouseY=e.pageY}
  • if (ie4) {var mouseX=event.x; var mouseY=event.y}
  • if(document.getElementById) {
  • document.getElementById("description").innerHTML = '<table cellpadding=2><td>'+code+'</td></table>';
  • document.getElementById("description").style.visibility = 'visible'
  • document.getElementById("description").style.left = mouseX;
  • document.getElementById("description").style.top = mouseY + 10;
  • } }
  • function destroy() { if(document.getElementById) { document.getElementById("description").style.visibility = 'hidden' } }
  • </script>
  • <a href=# onmouseover="description('<b>Titre</b><hr>code HTML')" onmouseout="destroy()">Passe le curseur ici !</a>
<script language=javascript>
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
document.write('<div  id=description style="visibility:hidden;position:absolute;border:1 solid #000000"></div>');
function description(code) {
if (ns4) {var mouseX=e.pageX; var mouseY=e.pageY}
if (ie4) {var mouseX=event.x; var mouseY=event.y}
if(document.getElementById) {
document.getElementById("description").innerHTML = '<table cellpadding=2><td>'+code+'</td></table>';
document.getElementById("description").style.visibility = 'visible'
document.getElementById("description").style.left = mouseX;
document.getElementById("description").style.top = mouseY + 10;
} } 
function destroy() { if(document.getElementById) { document.getElementById("description").style.visibility = 'hidden' } }
</script>
<a href=# onmouseover="description('<b>Titre</b><hr>code HTML')" onmouseout="destroy()">Passe le curseur ici !</a>

 Conclusion

Merci à editeurjavascript.com pour ses cours très instructifs.


 Sources du même auteur

CENTRER UNE IMAGE

 Sources de la même categorie

Source avec Zip Source avec une capture BOUTON ROTATIF par kazma
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

Commentaires et avis

Commentaire de coucou747 le 19/12/2004 14:07:51 administrateur CS

Cette source existe déja en de nombreux exemplaires, tu aurais pu aporter du nouveau,n mais tu as fait du simple, pas de fonction ect...

Commentaire de cybervore le 20/02/2007 11:42:13

Script parfait pour un débutant. Je met 10/10.

Commentaire de gostsn le 07/06/2007 18:14:39

incompatible avec firefox

Commentaire de simpaire le 12/11/2007 18:09:04

Bonjour,que puisse-je faire pour que ce code marche avec firefox?

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

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,343 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales