Javascript : Donner focus à un <ul>

Javascript : Donner focus à un <ul> - HTML/CSS - Programmation

Marsh Posté le 29-06-2007 à 17:56:58    

Bonjour,
 
je cherche un moyen de faire menu déroulant qui reste ouvert tant qu'on n'a pas cliqué à coté.
 
ça a l'air simple, mais je n'ai toujours pas trouvé le moyen.
 
J'ai trouvé l'événement onblur, qui m'a paru utile...
 
J'ai donc un bouton, quand je clique dessus, on menu apparait <ul><li> etc
un onclick sur le bouton, un display none qui se tranforme en block et le menu est visible.
 
Maintenant, comment le faire disparaitre quand on clique à coté ?
J'ai pensé à mettre le focus sur le <ul> quand on clique sur le bouton et mettre un onblur (evenement qd perte du focus) sur le <ul>
 
Seulement, le méthode focus ne fonctionne pas ainsi ;  

Code :
  1. function donnefocus(div) {
  2. document.getElementById('idUL').focus();
  3. }


 
Donc là je suis perdu.  
Quelqu'un à une idée ? déjà réalisé ce genre de menu ?
 
Merci pour votre aide.  :hello:

Reply

Marsh Posté le 29-06-2007 à 17:56:58   

Reply

Marsh Posté le 29-06-2007 à 19:10:00    

tu devria plutot gerer ca avec des onclick ( parceque quand tu redonne le focus a un element qui l'a deja, je suis pas sur que ca relance un event onblur )

Reply

Marsh Posté le 29-06-2007 à 19:33:14    

Et comment ça avec des onclick ?  
 
j'ai pensé qu'en mettant un onclick sur la balise body je pourrais m'en sortir, mais du coup, quand on clique sur un lien du menu, on clique aussi sur le body...et donc ça ne marche.
 
Et j'aimerai une solution portable, sans avoir à toucher toutes les balises body du site...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed