Probléme onMouseover temps de defilement

Question

Bonjour,

Je veux créer sur mon site une animation en rollover avec un texte qui apparait lorsqu'on survole un autre texte avec la souris.
J'ai reussi grace au forum à la créer avec le code :

texte2';" onmouseout="javascript:getElementById('monCalque').innerHTML = '';"> ? texte 1 

&nbsp;

Le code marche bien, mais je voudrais que le texte ne disparaissent pas de suite lorsque la souris quitte le texte 1.
Je ne trouve pas quel fonction permet de faire cela.
Merci de votre aide.

maelob · Answer

Bonjour,

Regarde du coté de la fonction timeout().

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

zaldiko · Answer

Merci pour la réponse, mais je n'arrive pas à intégrer cette fonction à mon code. Je suis novice en javascript. Auriez vous une indiquation pour m'aider?

zaldiko · Answer

J'ai essayé avec le code suivant :

texte2';"
onmouseout="javascript:setTimeout(, 3000).innerHTML = '';">
? texte 1 

&nbsp;

Le texte 2 s'affiche bien mais lorsque la souris quitte le texte 1 le texte reste affiché.

maelob · Answer

Le fonction prend 2 arguments en parametres

Ce que tu veux faire
Le temps

Donc setTimeout (getElementById('monCalque').innerHTML="texte2", 3000);

Maelo ou Elo --> Mon blog Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

zaldiko · Answer

Merci, j'ai donc intégrer le settimeout à mon code :

texte2';" onmouseout="setTimeout (getElementById('monCalque').innerHTML="texte2", 3000);"> ? texte 1 

&nbsp;

Mais mon probléme reste lorsque je quitte le texte 1 le texte  reste affiché et ne disparait pas. Il y a quelque chose que je dois mal écrire dans la fonction onmouseout.

maelob · Answer

Les doubles quotes regarde,
"setTimeout (getElementById('monCalque').innerHTML=  " texte2", 3000);"

Pour lui onmouseout c'est "setTimeout (getElementById('monCalque').innerHTML ="

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

zaldiko · Answer

Ok, j'avais pas fait attention, j'ai donc remplacé les " par ' :

texte2';" onmouseout="javascript:setTimeout (getElementById('monCalque').innerHTML='texte2', 3000);"> ? texte 1 

&nbsp;

Mais le probléme reste le même, le texte ne disparait pas.
Merci beaucoup de ton aide.

maelob · Answer

La console javascript de ff dit quoi?

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

zaldiko · Answer

En allant dans "outils" java console, j'ai le message suivant :

Java Plug-in 1.6.0_05
Utilisation de la version JRE 1.6.0_05 Java HotSpot(TM) Client VM
Répertoire d'accueil de l'utilisateur = C:\Users\hp

maelob · Answer

non pas java mais javascript 
outils console d'erreur

<hr size="2" width="100%" />
Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

zaldiko · Answer

J'ai rentré le code dans la console d'erreur et j'obtiens le message :

Erreur : unexpected end of XML source
Fichier source : javascript: texte2';" onmouseout="javascript:setTimeout (getElementById('monCalque').innerHTML='texte2', 3000);"> ? texte 1
Ligne : 1, Colonne : 23
Code source :
, 3000);"> ? texte 1

Je n'y comprend pas grand chose apparemment, il y aurait une erreur à la fin, mais je ne vois pas ou.

@karamel · Answer

je sais pas si je me trompe mais quand tu fait onmouseout tu affiche texte 2 alors que sa devrait etre texte 1

zaldiko · Answer

J'ai essayé le code suivant en enlevant texte2 :
texte2';" onmouseout="javascript:setTimeout (getElementById('monCalque').innerHTML='', 10000);"> ? texte 1 

&nbsp;

Le code disparait bien lorsque la souris quitte texte1 mais la fonction settime out n'est pas prise en compte, le texte disparait de suite.

@karamel · Answer

? texte 1 il manquait des guillemets et il faudra creer une fonction pour valider les guillemets dans tous les cas cela semble etre un probleme de comprehention de guillemet

Probléme onMouseover temps de defilement

14 réponses

Votre réponse

Discussions similaires