Titre: Problème createElement au survol
Posté par: Bloorp le le 20-02-2011 a 13:26:57
Bonjour à tous,
Avant tout je voudrais préciser que mon niveau en programmation est loin d'être exceptionnel.
Ma base : j'ai une "div" quelconque et je chercher à afficher un texte particulier (avec quelques liens) au survol de cette "div". J'ai utiliser au début des "innerHTML" mais j'ai cru comprendre que ce n'était pas génial d'utiliser ça alors je me suis tourné vers les "createElement" et "createTextNode" mais le problème est similaire.
Mon problème : Pas trop de problème pour l'affichage au survol de la "div" mais au survol du texte contenu dans cette "div", c'est comme si je sortais de ma "div" et donc le texte disparais ou alors il y a un effet de "clignotement".
Comment faire pour éviter ou contourner le problème?
Merci d'avance de vos réponses.
Bloorp. |
Titre: Re:Problème createElement au survol
Posté par: Krash le le 27-02-2011 a 20:06:15
Bonsoir,
C'est surement un problème d'événement.
Voici un petit exemple en suivant le lien suivant :
http://cdietrich.fr/over/index.html
Il y a deux div grises. Lorsque l'on passe la souris sur la première, un texte apparait dans un paragraphe. Lorsque la souris passe sur ce texte il clignote.
Dans le deuxième exemple, ça ne clignote plus.
Si on regarde le code source, l'exemple a été fait avec la librairie mootools et différents type d'événements.
Dans le première exemple mooseover et mouseout et dans le deuxième mouseenter et mouseleave.
mouseover et mouseout sont des événements utiliser pour gérer le passage de la souris surtout sur des liens donc balises <a>
mouseenter et mouseleave permettent de gérer sur tous les autres éléments. Cela indique lorsque la souris entre dans l'objet et en sort.
La librairie mootools, ou jQuery ou ce que vous voulez, vous permettra d'effectuer plein d'actions du genre très facilement. Pour faire uniquement cela, ne charger que partiellement la librairie afin d'éviter de charger trop de javascript inutile. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|