Form et value du onclick

Version imprimable

Bonjour,

Pourquoi lorsque je clique sur n'importe quel onclick="button1click" je recupere toujours la value=52?

Je voudrais que lorsque je clique sur le premier onclick je ne recupere que la valeur de l'input concerne!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script type="text/javascript">
 
function button1click() {
form_reservations.action = "";
form_reservations.submit();}
</script>
 
<form name="form_reservations" method="post" id="form_reservations" action=''>
 
<input type="hidden" id="IDpaniervide" name="IDpaniervide" value=10>    
<input type="image" src="closesmall.png" width="15" onclick="button1click()">
 
<input type="hidden" id="IDpaniervide" name="IDpaniervide" value=15>    
<input type="image" src="closesmall.png" width="15" onclick="button1click()">
 
<input type="hidden" id="IDpaniervide" name="IDpaniervide" value=52>    
<input type="image" src="closesmall.png" width="15" onclick="button1click()"></form>

Merci de votre aide

15/06/2011, 07h19
Bisûnûrs

Dans une page un id (comme son nom l'indique) doit être unique.
15/06/2011, 08h19
Bovino

Oui, et les name aussi doivent être différents :roll:
15/06/2011, 08h41
Bisûnûrs

Sachant en plus que les input de type image sont par défaut des submit, donc ton Javascript est lancé mais le formulaire est envoyé dans tous les cas, donc ton code actuel ne sert à rien.

Citation:

Envoyé par Bovino

Oui, et les name aussi doivent être différents

Ca dépend, ça dépasse forcément. :roll: Quand on veut envoyer un tableau on peut mettre un name identique avec des crochets, et les boutons radio ont besoin d'un name identique pour pouvoir appartenir au même groupe.

Ok donc si j'ai bien compris je dois proceder comme cela?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script type="text/javascript">
 
function button1click() {
form_reservations.action = "";
form_reservations.submit();}
 
function button2click() {
form_reservations.action = "";
form_reservations.submit();}
 
 
function button3click() {
form_reservations.action = "";
form_reservations.submit();}
 
 
</script>
 
<form name="form_reservations" method="post" id="form_reservations" action=''>
 
<input type="hidden" id="IDpaniervide1" name="IDpaniervide1" value=10>    
<input type="image" src="closesmall.png" width="15" onclick="button1click()">
 
<input type="hidden" id="IDpaniervide2" name="IDpaniervide2" value=15>    
<input type="image" src="closesmall.png" width="15" onclick="button2click()">
 
<input type="hidden" id="IDpaniervide3" name="IDpaniervide3" value=52>    
<input type="image" src="closesmall.png" width="15" onclick="button3click()"></form>

15/06/2011, 18h49
Bovino

Non, tu n'as pas besoin de 3 fonctions différentes...
Si tes input ont des attributs name différents, alors tu pourras récupérer chacun d'eux sur le serveur, par exemple en PHP avec

Code:

print_r($_POST);

D'autre part, comme précisé par Bisûnûrs, tu peux aussi leur affecter le même name avec des crochets (IDpaniervide3[]) et récupérer ensuite en PHP un tableau pour cette valeur :

Code:

print_r($_POST['IDpaniervide']);

Enfin, je vois mal l'intérêt de tes fonctions, vu que tu leur demande dans un premier temps d'attribuer à l'attribut action du formulaire sa valeur actuelle puis que tu soumets le formulaire ce qui est déjà le comportement par défaut d'un input image :koi:

Salut,

Je ne comprends pas ce que tu me dis de faire. Je pense que l'on ne se comprend pas sur ce que je veux faire.

en fait je ne veux recuperer que une seule valeur dans mon post

j'ai essaye une autre methode
Code:

1 2 3 4 5 6 7 <form name="form_reservations" method="post" id="form_reservations" action=''> <input type="hidden" id="IDpaniervide51" name="IDpaniervide51" value=51> <a href="#" onclick="document.forms['form_reservations'].IDpaniervide51.value='51';document.forms['form_reservations'].submit();return false"> <img src="closesmall1.png" width="15"></a> <input type="hidden" id="IDpaniervide52" name="IDpaniervide52" value=52> <a href="#" onclick="document.forms['form_reservations'].IDpaniervide52.value='52';document.forms['form_reservations'].submit();return false"> <img src="closesmall2.png" width="15"></a>
et pour recuperer
Code:

1 2 3 4 5 6 while( $result = mysql_fetch_array( $requete)) { if (!empty($_POST['IDpaniervide'.$result["id"].''])) effacer la valeur recupere avec post .....
Je voudrais juste recuperer la valeur 51 lorsque je cliques sur closesmall1 et la valeur 52 lorsque je cliques sur closesmall2 dans mon post.
Actuellement il eface toute les valeurs.

Je procede de cette facon a cause de formulaires imbriques

Merci de votre aide

Bonjour,

Dans ce cas, tu n'as qu'à utiliser un seul input hidden et le passer l'id de l'élément à supprimer avec la fonction javascript. Au lieu de faire de boucle inutile.
Code:

1 2 3 4 5 6 7 8 9 <form name="form_reservations" method="post" id="form_reservations" action=''> <input type="hidden" name="IDpaniervide" id="IDpaniervide" /> <a href="#" onclick="document.getElementById('IDpaniervide').value='51';document.forms['form_reservations'].submit();"> <img src="closesmall1.png" width="15"> </a> <a href="#" onclick="document.getElementById('IDpaniervide').value='52';document.forms['form_reservations'].submit();"> <img src="closesmall1.png" width="15"> </a> ....
Coté PHP, tu récupères $_POST["IDpaniervide"]

A+.

16/06/2011, 09h04
Bisûnûrs

Citation:

Envoyé par voyageurdumonde

Je procede de cette facon a cause de formulaires imbriques

Très grosse erreur. Tu devrais revoir ton code pour que ça n'arrive jamais. Du coup toutes les solutions que l'on pourrait te donner ne seraient qu'hasardeuses, imprévisibles et avec de grandes chances qu'elles te soient néfastes un jour ou l'autre.
16/06/2011, 23h01
voyageurdumonde

Merci andry.aime c'est fonctionne tres bien comme cela. J'ai juste ajoute return false a la fin de onclick

Effectivement Bisûnûrs c'est sans doute pas la meilleur solution mais je n'ai pas trouve comment faire autrement.

Merci a vous