Problème createElement au survol - Forum Javascript / DOM / Ajax

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Problème createElement au survol

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Problème createElement au survol (Lu 1898 fois)

Problème createElement au survol
« sur: le 20-02-2011 a 13:26:57 »

Bloorp
Membre récent

Hors-Ligne

Messages: 1

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.

Rapporter au modérateur

Re:Problème createElement au survol
« Répondre #1 sur: le 27-02-2011 a 20:06:15 »

Krash
P'tit nouveau

Hors-Ligne

Sexe: Male

Messages: 181

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.