Discussion :

[mimy17]

Bonjour,

J'ai un bouton dont j'aimerai que l'action se déclenche uniquement lorsque l'on clic dessus.
En effet, un appuie sur la touche "entrée" enclenche l'action du bouton.
J'ai essayé d'utiliser ajax avec: event="onclick" mais ca ne fonctionne pas.

Je souhaiterais donc que dans ma page, l'appuie sur la touche entrée n'enclenche aucune action.

Merci

[tchize_]

tu parle de "entrée" à quel moment? Quand le bouton à la focus? Impossible que je sache. Pour les champs d'input, il y a moyen de jouer avec les évènement clavier pour le faire (fait un recherche dans les section html ou javascript pour trouver, ce problème à déjà été soulevé plein de fois)

[romaintaz]

Tu peux désactiver la touche entrée en Javacript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
    /**
     * Disable the usage of the Enter key (code = 13) except in textarea, and the backspace (code = 8) except in input and textarea.
     */
    function disableEnterKey(evt) {
        var evt  = (evt) ? evt : ((event) ? event : null);
        if (evt.keyCode == 13) {
            var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);            
            var obj = ((node != null) && (node.type == "textarea"));
            return obj;
        }
    }
 
    document.onkeydown = disableEnterAndBackspaceKeys;

[mimy17]

Je clic tout simplement a un endroit lambda de ma page donc aucun élément n'est activé et j'appuie sur "entrée".

Pour les évènements des input je vais regarder merci

Par contre en ce qui concerne le javascript, toute la page est en JSF. Je n'utilise pas de javascript. Seulement les actions communes accessibles en JSF

[romaintaz]

Tu n'utilises pas Javascript directement, mais vu que le rendu final est du HTML, il y a du Javascript dedans aussi (généré par les divers composants JSF que tu utilises).

Tu peux ajouter ce script dans un fichier Javascript, par exemple toto.js.
Ensuite, tu l'ajoutes dans ta page (ou dans les templates de ta page).
Ainsi, ce code sera exécuté quelque soit la page où se trouve l'utilisateur...

[mimy17]

Oui justement, je souhaiterai éviter d'écrire du java script

[tchize_]

pas possible en pur html, car le html en lui même ne fourni aucune provision pour désactiver ce comportement qui est laissé au libre arbitre du navigateur.

[mimy17]

Oh ben mince alors !

Je penses que je n'ai pas donné assez d'information donc je complète ma requête au cas ou !
J'ai un inputText de type Calendar. Quand je rentre la date manuellement et que j'appuie sur la touche entrée l'action associé à ma balise "onchange" est appelé mais juste après l'action du premier bouton est enclenché.
Effectivement, je souhaiterais que la méthode appelé par "onchange" soit exécutée, mais qu'il ne se passe plus rien après.
J'ai déjà essayer la commande focus mais ça ne fonctionne pas.

bon j'espère que vos réponses seront plus optimistes

Merci d'avance

[romaintaz]

J'ai un inputText de type Calendar. Quand je rentre la date manuellement et que j'appuie sur la touche entrée l'action associé à ma balise "onchange" est appelé mais juste après l'action du premier bouton est enclenché.
Effectivement, je souhaiterais que la méthode appelé par "onchange" soit exécutée, mais qu'il ne se passe plus rien après.
J'ai déjà essayer la commande focus mais ça ne fonctionne pas.

Tu pourrais nous montrer ton code JSF ?
Le onchange appelle un code Javascript ! Donc toi qui ne veut pas faire de Javascript, c'est un peu raté là, non ?
Ou alors ton onchange est lié à un <a4j:support> ?

De toutes façons, le fait de taper sur la touche Entrée va faire comprendre au navigateur que tu souhaites soumettre le formulaire. Le code Javascript que j'ai donné plus tôt montre comment désactiver à coup sûr cette action.

[mimy17]

Voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<rich:calendar id="dateEffet" value="#{calendrier.dateDebut}" enableManualInput="true" datePattern="dd/MM/yyyy" popup="true">
   <a4j:support action="#{calendrier.dateDebutAction}" event="onchanged" />
</rich:calendar>

Bon ben apparemment il n'y a pas d'alternative, mis a part le javascript !

Merci pour ton aide