.on('click' fonctionne mais pas .on('focus'

Bonjour

Pour l'esthétique de notre site, j'ai decider de changer un fonctionnement de jquery.

Voici le code initial, parfaitement opérationnel :

Code:

---

1 2 3 4

$("#bouton_inscription").on('click', function() { $('#formulaire_inscription').css({'height': '100%', 'bottom': '0%'}); $('#formulaire_connexion').css({'height': '0%', 'bottom': '0%'}); });

---

Et le nouveau, inopérant.

Code:

---

1 2 3 4

$("#bouton_inscription").on('focus', function() { $('#formulaire_inscription').css({'height': '100%', 'bottom': '0%'}); $('#formulaire_connexion').css({'height': '0%', 'bottom': '0%'}); });

---

Quelqu'un à une idée?

Merci d'avance

Et quel est le but de la manœuvre ?

L'élément $("#bouton_inscription") est-il susceptible de recevoir le focus ? As-tu bien compris la notion de focus ? Parce que dans le cas d'un bouton (ce que le nom semble supposer), la différence entre click et focus est assez ténue...

un élément peut prendre le focus avec la touche Tab
Mais encore faut il que l’élément "accepte le focus" ce qui est généralement le cas des éléments de formulaire (input radio select ...), mais pas des balises type de contenu div, span ul etc ...

Une solution serait peut-être d'utiliser le passage de la souris:

Code:

---

1 2 3 4 5 6

$('#bouton_inscription').on('mouseenter', function(e) { // Action }); $('#bouton_inscription').on('mouseleave', function(e) { // Action });

---

Si le but, comme j'en déduit, est de faire afficher un formulaire cela dit, il faut juste ensuite faire en sorte que le formulaire reste afficher lorsque la souris n'est plus au-dessus du bouton mais que l'utilisateur ait cliqué dessus.

Merci pour vos réponses,

Je comprends mieux le fonctionnement de focus.

Je vais tester demain, les solutions que vous me proposez.

Bonsoir

Merci pour vos réponse, la dernière fonctionne et me va.
Je prend note des remarques

Bon samedi