Infobulle en javascript problème de DIV
rbinou59
Messages postés
116
Date d'inscription
Statut
Membre
Dernière intervention
-
rbinou59 Messages postés 116 Date d'inscription Statut Membre Dernière intervention -
rbinou59 Messages postés 116 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voila j"ai besoin d'infobulle sur mon site donc ne connaissant pas grand chose en JavaScript je me suis mis a la recherche d'un script sympa, que j'ai trouver en quelque minute. Il fonctionne avec un div cacher qui apparait / disparait grâce a une onmouseover / onmouseout
Je l'ai adapté, et celui-ci fonctionne très bien
Sauf (et oui il y a toujours un sauf ) quand le contenu de l'infobulle et trop important et que l'infobulle dépasse du div dans lequel se trouve le code pour appelé l'infobulle (le onmouseover), bah la l'infobulle ne s'affiche pas
Donc voila je vous met mon code
Le JS
Le css
Et pour finir la page ou se fait l'appelle
Voila merci d'avance
Bonne soirée
Et BONNE ANNEE a tous
Voila j"ai besoin d'infobulle sur mon site donc ne connaissant pas grand chose en JavaScript je me suis mis a la recherche d'un script sympa, que j'ai trouver en quelque minute. Il fonctionne avec un div cacher qui apparait / disparait grâce a une onmouseover / onmouseout
Je l'ai adapté, et celui-ci fonctionne très bien
Sauf (et oui il y a toujours un sauf ) quand le contenu de l'infobulle et trop important et que l'infobulle dépasse du div dans lequel se trouve le code pour appelé l'infobulle (le onmouseover), bah la l'infobulle ne s'affiche pas
Donc voila je vous met mon code
Le JS
function GetId(id) { return document.getElementById(id); } var i=false; function move(e) { if(i) { if (navigator.appName!="Microsoft Internet Explorer") { GetId("curseur").style.left=e.pageX + 5+"px"; GetId("curseur").style.top=e.pageY + 10+"px"; } else { if(document.documentElement.clientWidth>0) { GetId("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px"; GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px"; } else { GetId("curseur").style.left=20+event.x+document.body.scrollLeft+"px"; GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px"; } } } } function montre(text) { if(i==false) { GetId("curseur").style.visibility="visible"; GetId("curseur").innerHTML = text; i=true; } } function cache() { if(i==true) { GetId("curseur").style.visibility="hidden"; i=false; } } document.onmousemove=move;
Le css
.infobulle { color:white; position: absolute; visibility : hidden; max-width:300px; padding: 10px; font-family: Trebuchet MS; font-size:14px; background-color:rgb(53,53,53); }
Et pour finir la page ou se fait l'appelle
<div id="curseur" class="infobulle"></div> <div class="part" onmouseover="montre('Description : contenu')" onmouseout="cache();">
Voila merci d'avance
Bonne soirée
Et BONNE ANNEE a tous
A voir également:
- Infobulle en javascript problème de DIV
- Telecharger javascript - Télécharger - Langages
- Div c++ - Télécharger - Langages
- Javascript echo ✓ - Forum PHP
- Afficher un tableau javascript en html ✓ - Forum Javascript
- A javascript error occurred in the main process - Forum Windows