Tooltip - infobulle

Soyez le premier à donner votre avis sur cette source.

Snippet vu 14 478 fois - Téléchargée 37 fois

Commenter

Contenu du snippet

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 / Exemple : 


<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.

A voir également

Ajouter un commentaire Commentaires
cs_simpaire Messages postés 1 Date d'inscription lundi 12 novembre 2007 Statut Membre Dernière intervention 12 novembre 2007
12 nov. 2007 à 18:09
Bonjour,que puisse-je faire pour que ce code marche avec firefox?
gostsn Messages postés 22 Date d'inscription lundi 23 mai 2005 Statut Membre Dernière intervention 6 mars 2011
7 juin 2007 à 18:14
incompatible avec firefox
cybervore Messages postés 13 Date d'inscription mercredi 15 décembre 2004 Statut Membre Dernière intervention 3 mai 2006
20 févr. 2007 à 11:42
Script parfait pour un débutant. Je met 10/10.
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
19 déc. 2004 à 14:07
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...
S'inscrire maintenant

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.

Du même auteur (cs_Naza)