bouton qui lance le formulaire malgre un javascript

Version imprimable

Bonjour,

J'ai un souci avec un de mes formulaires.
J'ai active un bouton par un petit javascript :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <script type="text/javascript"> function Enter(evt) { if (evt.keyCode == 13) { document.getElementById("ctl00_imbSearch").click(); evt.returnValue = false; return false; } else { return true; } }; </script>
Voila le bouton en question :
Code:

1 2 3 4 <form id="form2" runat="server"> <input onkeypress="return Enter(event);" type="text" ID="Text1" runat="server" /> <asp:ImageButton ID="imbSearch" ImageUrl="~/Images/search.jpg" runat="server" OnClick="imbSearch_Click" /> </form>
Sous Ie tout se passe bien : lorsque je clique sur le bouton ou que j'appuie sur entree dans le champ de texte, mon evenement se lance.
Sous Firefox j'ai un chtit souci : sur un autre Textearea, si j'ai le malheur de faire entree, il me lance l'evenement du imbSearch.click().

Savez-vous pourquoi ? Comment y remedier ?

PS : j'espere etre dans la bonne section, y a du html, du javascript et de l'asp.net dans mon bidule. Resultat je sais plus ou poster :aie:

26/05/2009, 13h41
le_chomeur

Code:

<form id="form2" runat="server" onsubmit="méthodeaapelerici">

;)
26/05/2009, 15h07
Larger

Merci !
Euh j'ai tente un return false pour empecher cette methode mais ca me coupe tous les evenements de la page du coup :?
26/05/2009, 15h12
le_chomeur

^^ =>

Au submit, tu dois récupérer soit l'évènement qui a lancer le submit ( le click sur un le bouton, sinon c'est la pression sur la touche entrée )

et tu return true uniquement si l'utilisateur a appuyé sur le bouton ...

J'ai essaye un truc du genre :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <script type="text/javascript"> function avoidEnter(evt) { if (evt.keyCode == 13) { alert("coucou"); evt.keyCode = 0; evt.returnValue = true; return true; } else { alert("coucou!"); return false; } } </script>
Code:

<form id="form1" onsubmit="return avoidEnter(event);" runat="server">

Mais aucune alerte ne se lance jamais.

Je precise par ailleurs que ma page est plus complexe que ce que j'ai poste : updatePanel, modalpopupextender.

C'est d'ailleurs sur cette derniere qu'est le probleme. si je fais entree dans un de ses champs de texte, paf il me lance l'action d'un autre champ de texte ailleurs dans la page.

27/05/2009, 12h22
Larger

Mon code marchait ...

En fait c'est la derniere mise a jour de firebug qui inhibait un control ajax.

Ne prenez donc pas la 1.4 0a30 !

Merci pour ta reponse Le_chomeur, me reste plus qu' a resoudre un souci auquel je n'avais pas pense : en faisant ca je desactive egalement le saut de ligne des TextArea en Multiline.
27/05/2009, 13h19
Larger

Lors d'un onkeypress du formulaire, y a-t-il un moyen de recuperer l'id de l'element sur lequel j'etais quand j'ai presse une touche ?

Code:

1 2 3 4 tonform.onkeypress= function (e) { if (window.event) e = window.event; var srcEl = e.srcelement? e.srcelement : e.target; }
srcEl te renvois l'élément sur lequel tu auras pressé une touche :)

Qu'un truc a dire : c'est au poil !
Un grand merci a toi :ccool:

Voila ce que ca donne :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
    function avoidEnter(truc, evt) {
        if (evt.keyCode == 13) {
            var srcEl = evt.srcelement ? evt.srcelement : evt.target;
            if (srcEl.rows) {
 
                return true;
            }
            return false;
        }
        else {
            return true;
        }
    };
</script>

j'aurais plutôt fait :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
    function avoidEnter(truc, evt) {
        if (evt.keyCode == 13) {
            var srcEl = evt.srcelement ? evt.srcelement : evt.target;
            if (srcEl.type == 'textarea') {
 
                return true;
            }
            return false;
        }
        else {
            return true;
        }
    };
</script>

;-)

27/05/2009, 15h53
Larger

Ah oui pardon j'ai oublie d'expliquer !
Je voulais te poser cette question d'ailleurs. Moi je veux que ca ne marche que pour les textarea ou un saut de ligne est autorise.

Donc je cherchais un truc dans le DOM pour ca et rows me semblait approprie.

Le .type marchera-t-il dans ce cas-ci ?

Le meilleur moyen c'est de tester ... zou !
27/05/2009, 15h58
Larger

Ok j'ai rien dit http://www.emoticone-max.com/emotico...spect/6575.gif

C'est du au fait que mon control asp cree un input de type text si je precise pas le TextMode="MultiLine", c'est ca ?
27/05/2009, 16h04
le_chomeur

tout compris ^^

en asp.net , l'input ne sera remplacé par une textarea QUE si tu indique multiline :)