Submit d'un formulaire et touche entrée

**titalex** · 15/06/2006, 10h36

Bonjour à tous!

Voilà j'ai un petit souci que j'ai du mal à regler.
J'ai un formulaire avec deux boutons submit
sur chacun de ces boutons j'ai un onClick qui appelle
deux fonctions différentes.
Dans ma page, le bouton A apparait avant le bouton B.
Jusque là tout va bien ..
le problème c'est qu'en tapant sur la touche entrée, il me fait le
submit du premier bouton rencontré à savoir le A
Alors que j'aimera bien que ce soit l'autre.

J'ai essayé de mettre un onkeypress au niveau du body avec une fonction qui verifie qu'on ait bien tapé sur "entrée" :
if (window.event.type == "keypress" & window.event.keyCode == 13){
return !(window.event.type == "keypress" & window.event.keyCode == 13);
}
le premier probleme c'est que sous firefox, ça ne passe pas ...
le second souci c'est que j'ai desactivé la touche entrée sur l'ecran mais je ne sais pas comment faire pour faire le submit de mon bouton B avec appelle de la fonction qui est sur le onclick ...

Euh j'espère m'être fait comprendre
Et merci d'avance

Autre chose, les pages sont générées donc je ne peux rien mettre en dur.

**supermanu** · 15/06/2006, 11h20

Essaie ce petit script avec IE et Firefox et dis moi si ça marche (normalement oui) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function detectTouche(e){
    if(parseInt(navigator.appVersion) >=4){
        if(navigator.appName == 'Netscape')  {// Pour Netscape, firefox, ...
       		if(e.which == 13) {
       			alert("coucou");
       		}
        }
        else{ // pour Internet Explorer
        	if(e.keyCode == 13) {
        		alert("coucou");
        	}
 
        }
    }

Code :

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

1
2
 
<body onKeyDown="detectTouche(event)";>

**titalex** · 15/06/2006, 11h38

La detection de la touche Entrée ne pose pas vraiment de problème. Le problème étant de pouvoir "exécuter" la méthode onClick du bouton submit que je désire.

Iil faudrait donc que je sache où l'utilisateur a cliqué. Et ça c'est un autre problème. Dans le formulaire, y a t il une variable ou un champs stockant l'ID du champs sur lequel on a cliqué ?

En gros, y-a-t- l'équivalent de la variable $_POST du PHP ?

**supermanu** · 15/06/2006, 11h43

Le coup de la touche entrée c'était la première étape

Si ça amrche sous IE et Firefox, c'est déjà ça.

Après tu veux que par défaut ça execute la fonction contenue dans le onclick du bouton B ?
dans ce cas il faut remplacer les alert("coucou"); par le nom de cette fonction.
Mais ce n'est peut-être pas aussi simple ?

Tu peux poster ton formulaire ?

**titalex** · 15/06/2006, 12h00

En fait l'idéal ce serait que j'arrive à faire ça.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Javascript : OnkeyPress</title>
</head>

<script language="Javascript1.2" type="text/javascript">

return false;
}
}

</script>

<form action="javascript:alert('soumission formulaire')" method="get">
<input id="teste" name="sfgsgsf" type="text" onKeyDown="appuieToucheEntree(event);">
<input id="testeuh" name="gdfg" type="submit" onClick="javascript:alert('onclick');">
</form>
<body>
</body>
</html>

Ce n'est évidemment qu'un exemple de test mais il faudrait que le paramètre de "document.getElementById(''); ait automatiquement l'id du bouton submit désiré (en l'occurence le premier qu'il rencontre).

Merci de votre aide !

**supermanu** · 15/06/2006, 12h09

J'essaye de comprendre la finalité du truc, mais j'avoue avoir un peu de mal

Si ce que tu veux c'est : En appuyant sur la touche entrée, on fait comme si on avait cliquer sur le bouton B. C'est à dire exécuter une p'tite fonction javascript et soumettre le formulaire. Alors ça, c'est facile.
Paut-être as-tu 2 actions différents suivant que l'on clique sur A ou B ?

Submit d'un formulaire et touche entrée

JavaScript

Discussions similaires

Partager

Partager