+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : petit pb JS (/showthread.php?tid=714)
petit pb JS - max - 27-01-2007
bonjour
je sais que votre principal domaine c'est le php/sql mais bon vu qu'il y a des scripts et tuto en JS je tente ma chance ^^
en gros je test une creation d'infobulle assez petite(niveau script) dans laquelle je veu metre un lien.
Tout vas bien sauf que... j'arrive pas a attraper l'infobule ^^ (a cause du onMouseOut) evidament l'infobulle disparait quand la souris n'est plus sur l'image mais si je le retire l'infobulle ne disparait plus (normal aussi)
donc voila je ne sais pas vraiment comment faire pour que l'infobulle ne disparaisse pas lorsque la souris est a environ 30px du mot qui declenche l'infobulle mais qu'elle disparaisse quand meme lorsqu'on arrive a plus de 30px du "du mot qui declenche l'infobulle"... j'espère avoir été clair :heuuu:
je poste le script (test) complet:
Code PHP :
<?php
<html>
<head><title>test</title>
</head>
<body>
<script>
function remplace(texte,id_place)
{
document.getElementById(id_place).innerHTML=texte;
}
</script>
<br/><br/><a href="#top" onMouseOut="remplace('','e')" onMouseOver="remplace('<div style=\'position:relative;background-color:red;border:1px solid green;padding:3px;height:64px;width:64px;\'>Une infobulle</div>','e')">test</a>
<br/><br/><div id="e"></div>
</body>
</html>
RE: petit pb JS - NicoMSEvent - 27-01-2007
tu as essayé de mettre ton lien dans un DIV ? dans ce cas, applique ton code JS sur le DIV, et donc ta zone ou l'infobulle apparaitra sera plus large.
RE: petit pb JS - denisc - 27-01-2007
Ton code fonctionne très bien... et sous IE, et sous FF
Mais c'est quoi ce ?> à la dernière ligne???
RE: petit pb JS - Plume - 28-01-2007
Le code JS est préféré entre les balises <head></head>