Bouttons submit multiples

**Tygrou** · 20/04/2006, 15h12

Bonjour, voila etant debutant en javascript j'ai un petit problème :

- J'ai un formulaire avec deux bouttons subits dont les arguments -name sont les meme mais les argument -value sont deifferents

Je voudrais controler par une fonction javascript, en utilisant OnSubmit(), lequel de ces deux bouttons j'ai cliqué.

**SpaceFrog** · 20/04/2006, 15h19

passe par un champ hidden que tu renseigne sur le onclick du bouton un simple test sur la value du champs hidden te dira quel bouton à été cliqué ...

**Tygrou** · 20/04/2006, 15h25

En fait les deux boutons submit font parti du meme formulaire le code se presente comme ceci

Code :

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

1
2
3
4
5
6
7
8
 
 
<FORM .... OnSubmit="mafonction(monformulaire)">
 
<INPUT type="submit" name="TOTO" value="bout1">
<INPUT type="submit" name="TOTO" value="bout2">
 
</FORM>

puis le javascript

Code :

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

1
2
3
4
5
 
function mafonction(form) {
 
-->Ici je voudrais tester quel bouton a été cliqué
}

}

**Tygrou** · 20/04/2006, 15h30

de plus

Code :

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

1
2
3
4
 
function mafonction(form) {
form.TOTO[0].value --> renvoie bien "bout1"
}

mais en gros je voudrais savoir si c'est TOTO[0] ou TOTO[1] qui a été cliqué

**SpaceFrog** · 20/04/2006, 15h31

Et ??? y'a pas de contre indication

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
16
17
18
19
20
21
22
23
<script type='text/javascript'>
function mafonction(){
var boutonclicke=document.getElementById('subbut').value;
alert(boutonclicke)
return false;
}
</script>
 
 
</head>
 
<body>
<FORM .... OnSubmit="mafonction()">
 
<INPUT type="submit" name="TOTO" value="bout1" onclick="document.getElementById('subbut').value=this.value" />
<INPUT type="submit" name="TOTO" value="bout2" onclick="document.getElementById('subbut').value=this.value" />
<input type="hidden" id="subbut" />
 
</FORM>
 
 
</body>
</html>