Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2729 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Gestion des onBlur et onClick

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Gestion des onBlur et onClick

n°1622487
4bis
Posté le 11-10-2007 à 17:25:18  profilanswer
 

Bonjour,
 
J'ai encore un problème de javascript.  
 
J'ai une div principale, sur celle-ci, je gère l'évènement onBlur, l'action executée est de faire disparaitre la div.  
Dans cette div, j'ai un menu, avec des span, dans chaque span, je gère l'évènement onClick pour executer une action particulière.
 
Seulement, lorsque je click sur un des spans, cela execute directement le onBlur, mais pas l'action associée au onClick du span.  
 
Voici un exemple :
 
<div onBlur="display:none">
    <span onClick="faireTraitement1()">Faire Traitement 1</span>
    <span onClick="faireTraitement2()">Faire Traitement 2</span>
</div>
 
 
Comment faire pour executer d'abord le "faireTraitement2() si je clicke sur ce span, et qu'après, il execute le onBlur ?  
 
 
PS : je suis obligé de garder ce onBlur, car si je ne suis pas sur cette div, je souhaite qu'elle disparaisse.
 
Merci d'avance :)

mood
Publicité
Posté le 11-10-2007 à 17:25:18  profilanswer
 

n°1622489
xtof_83
Freeride Spirit
Posté le 11-10-2007 à 17:28:23  profilanswer
 

C'est pas plus simple de faire :
 
faireTraitement()
 
Et lui fait un display:none de la div parent ?

n°1622492
4bis
Posté le 11-10-2007 à 17:29:34  profilanswer
 

Et si je sors de la div sans cliquer... Qui me fera le display:none ?

n°1622496
xtof_83
Freeride Spirit
Posté le 11-10-2007 à 17:33:46  profilanswer
 

hum hum...

n°1622560
dzing35
Posté le 11-10-2007 à 18:29:16  profilanswer
 

J'ai fait un petit test avec onBlur sur une div et chez moi rien ne se passe (la div ne disparait pas)...
En revanche, avec un onMouseOut, j'ai un résultat qui semble être celui que tu attends...


---------------
Fred => http://www.meance.free.fr
n°1622589
xtof_83
Freeride Spirit
Posté le 11-10-2007 à 19:46:01  profilanswer
 

c'est normal car onblur existe pas pour une div :
 
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
 
src : http://www.w3schools.com/tags/tag_div.asp

n°1622609
4bis
Posté le 11-10-2007 à 20:31:51  profilanswer
 

Sur ie, le onBlur fonctionne très bien sur une div ;)
 
J'ai besoin d'aide pas sur le fait de savoir si onblur ou onmouseout est mieux (onmouseout ne fonctionne aps sur le même evenement, et n'est pas ce que je recherche, c'est bien un onblur que je veux (lorsqu'on perd le focus).  
 
 
Mon problème ici est d'executer le onClick des span avant le onBlur de la div :)

n°1622611
xtof_83
Freeride Spirit
Posté le 11-10-2007 à 20:34:07  profilanswer
 

désolé j'ai pas IE pour tester...Mais ton truc sent pas bon, si..
 
Enfin tu fais ce que tu veux.

n°1622637
4bis
Posté le 11-10-2007 à 21:22:20  profilanswer
 

Mais de toute façon, je peux mettre un onMouseOut, cela ne changera rien, c'est ça qui prendra la main sur le onClick du span...

n°1622648
xtof_83
Freeride Spirit
Posté le 11-10-2007 à 21:48:34  profilanswer
 

Ferais des tests ce soir...te tiens au courant

mood
Publicité
Posté le 11-10-2007 à 21:48:34  profilanswer
 

n°1622649
4bis
Posté le 11-10-2007 à 21:50:09  profilanswer
 

Ok merci :)

n°1622684
xtof_83
Freeride Spirit
Posté le 12-10-2007 à 03:24:20  profilanswer
 

jai fait ça, et jai aucun souci :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  3.   <head>
  4.     <title>Footer Vertical Align</title>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.     <script type="text/javascript" src="js/general.js"></script>
  7.   </head>
  8.   <body>
  9.     <div onmouseout="this.style.display='none';">
  10.       <span onclick="faireTraitement1()">Faire Traitement 1</span>
  11.       <span onclick="faireTraitement2()">Faire Traitement 2</span>
  12.     </div>
  13.   </body>
  14. </html>


 
JS :  
 

Code :
  1. function faireTraitement1() {
  2.     alert("1" );
  3. }
  4. function faireTraitement2() {
  5.     alert("2" );
  6. }


 

n°1622729
anapajari
s/travail/glanding on hfr/gs;
Posté le 12-10-2007 à 09:15:24  profilanswer
 

4bis a écrit :

J'ai besoin d'aide pas sur le fait de savoir si onblur ou onmouseout est mieux (onmouseout ne fonctionne aps sur le même evenement, et n'est pas ce que je recherche, c'est bien un onblur que je veux (lorsqu'on perd le focus).


Juste une précision pour faire mon casse-nouille du vendredi matin: Focus et Blur sont impossibles sur un div :o
Sur un lien ou un input de formulaire oui, sur le reste non. Grosso modo, si je peux arriver sur mon element avec la touche tab c'est bon ( le fait que ça marche sur IE n'est en rien un critère de validité)

n°1622744
4bis
Posté le 12-10-2007 à 09:40:14  profilanswer
 

xtof_83 a écrit :

jai fait ça, et jai aucun souci :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  3.   <head>
  4.     <title>Footer Vertical Align</title>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.     <script type="text/javascript" src="js/general.js"></script>
  7.   </head>
  8.   <body>
  9.     <div onmouseout="this.style.display='none';">
  10.       <span onclick="faireTraitement1()">Faire Traitement 1</span>
  11.       <span onclick="faireTraitement2()">Faire Traitement 2</span>
  12.     </div>
  13.   </body>
  14. </html>


 
JS :  
 

Code :
  1. function faireTraitement1() {
  2.     alert("1" );
  3. }
  4. function faireTraitement2() {
  5.     alert("2" );
  6. }


 


 
Merci, je vais retester avec le onMouseOut pour voir si ca diffère. :)
 
 

anapajari a écrit :


Juste une précision pour faire mon casse-nouille du vendredi matin: Focus et Blur sont impossibles sur un div :o
Sur un lien ou un input de formulaire oui, sur le reste non. Grosso modo, si je peux arriver sur mon element avec la touche tab c'est bon ( le fait que ça marche sur IE n'est en rien un critère de validité)


 
Je n'ai pas dit que c'était valide. Mais vu que mon développement ne concerne QUE internet explorer et n'est QUE compatible avec IE, mettre une div avec le onBlur, si cela fonctionne, cela me convient. De plus je ne souhaite pas avoir le comportement du onMouseOut, mais bien celui du onBlur, et pour l'instant, je n'ai pas trouvé d'autres solutions, mais si tu en as, je suis preneur. ;)
 

n°1622806
4bis
Posté le 12-10-2007 à 11:14:18  profilanswer
 

xtof_83 >> Je viens de tester mais je ne souhaite pas ce comportement. Car vu que ma div est placée à 200px de la souris, dès que je bouge celle ci pour me diriger vers la div qui vient d'être affichée, elle disparait sur le onMouseOut.


Message édité par 4bis le 12-10-2007 à 12:07:35
n°1623146
xtof_83
Freeride Spirit
Posté le 12-10-2007 à 17:30:56  profilanswer
 

Bon ben aussi si tu postes à moitié ta problématique...
 
Bon envoie tout...et on voit.

n°1623188
4bis
Posté le 12-10-2007 à 19:49:27  profilanswer
 

Euh je l'ai dit dès le début que je ne voulais pas de votre onMouseOut, mais bien du onBlur. :whistle: Mais merci de ton aide ;)
 
Sinon, c'est bon j'ai réussi à trouver en capturant le onBlur sur cet élément en javascript, et en faisant une petite manip :)
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Gestion des onBlur et onClick

 

Sujets relatifs
Moteur PHP5 gestion de socket.gestion d'une bdd dans un intranet
Gestion automatique d'evenement ? CSS/JavascriptDébut en VBA : gestion des dépense
[C-DBUS] gestion des erreursExecution de progarmme en paralelle - gestion de memoire
Aide pour la gestion du temps et des applicationsGestion lock optimiste avc Hibernate et archi n-tiers
rétablir la gestion des erreurs par défaut dans accessChoix d'un Système de gestion de contenu (CMS)
Plus de sujets relatifs à : Gestion des onBlur et onClick


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR