pb action sur commandButton au clic uniquement

Version imprimable

26/02/2009, 16h58
mimy17

pb action sur commandButton au clic uniquement

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
26/02/2009, 17h07
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)

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

Code:

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;

26/02/2009, 17h31
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
27/02/2009, 08h54
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...
27/02/2009, 14h38
mimy17

Oui justement, je souhaiterai éviter d'écrire du java script :?
27/02/2009, 18h49
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.
02/03/2009, 11h04
mimy17

Oh ben mince alors :cry: !

Je penses que je n'ai pas donné assez d'information donc je complète ma requête au cas ou :lol:!
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
02/03/2009, 11h32
romaintaz

Citation:

Envoyé par mimy17

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.

Voici mon code:
Code:

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 ;)