Envoyer POST avec href

Version imprimable

Bonjour tout le monde,

J'essaye d'envoyer une variable POST dans un lien a href à l'aide d'une fonction javascript mais pour une raison que j'ignore, le script fonctionne à moitié.

Pour préciser, j'ai une liste et quand je clique sur le nom, il doit m'afficher des données reprises dans ma BDD.

Le soucis c'est que çà fonctionne mais uniquement pour la première ligne.
Si je clique sur le 2ème ou 10ème, il m'afficher toujours, le résultat de la première ligne.

voici mon code:

Code:

1
2
3
4
5
<script type="text/javascript">
   function SubmitForm() {
       document.getElementById("test").submit();
   }
</script>

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<?php
// on se connecte Ã* MySQL
$db = mysql_connect('localhost', 'bla', 'bla');
 
 
// on sÃ©lectionne la base
mysql_select_db('test',$db);
 
// on crÃ©e la requÃªte SQL
$sql = "select rando, id, nom, prenom, postal, sid, count(id) from (select rando, id, nom, prenom, postal, sid from gghf_rando union select rando, id, nom, prenom, postal, sid from gghf_rando2) t group by id ";
 
 
// on envoie la requÃªte
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
 
 
while($data = mysql_fetch_assoc($req))
    { ?>
 
 
 
<tr>
 
 
    <td width="80px">
	<form id="test"  method="post" action="afficherdetailrando.php">
    <a href="javascript:SubmitForm()"><?php echo $data['nom']; ?></a>
	<input type="hidden" name="nom" value="<?php echo $data['id'] ; ?>  ">
 
    </form> 
 
    </td>
 
	<td width="80px">
    <?php echo $data['prenom']; ?>
    </td>
 
	<td width="200px"> 
    <?php echo $data['postal']; ?>
    </td>
 
  	<td width="80px">
    <?php echo $data['count(id)']; ?>
	</td>
 
</tr>
 
<?php } 
// on ferme la connexion Ã* mysql
mysql_close();
?>
 
</table>

Par contre çà fonctionne parfaitement si je remplace:

Code:

1
2
3
4
5
<form id="test"  method="post" action="afficherdetailrando.php">
    <a href="javascript:SubmitForm()"><?php echo $data['nom']; ?></a>
	<input type="hidden" name="nom" value="<?php echo $data['id'] ; ?>  ">
 
    </form>

par

Code:

1
2
3
4
5
<form id="test"  method="post" action="afficherdetailrando.php">
    <input type="submit" value="Sélection">
	<input type="hidden" name="nom" value="<?php echo $data['id'] ; ?>  ">
 
    </form>

Je n'apprécie pas trop le bouton Sélection pour des raisons esthétiques mais je ne comprend pas pq le lien a href ne fonctionne pas pour les autres lignes.

Merci de votre aide.

16/06/2011, 11h13
SpaceFrog

rajoute un bouton submit quand même dans ton form avec un style hidden
16/06/2011, 11h22
javatwister

tente aussi un return false en fin de lien (et l'instruction "javascript:" dans href est-elle bien indispensable?)
16/06/2011, 11h23
SpaceFrog

oui JT il passe par le href donc javascript:
il n'utilise pas le onclick du href et là pour le coup pas de javascript: et return false recommandé
16/06/2011, 11h27
javatwister

j'aurais bien fait de manière plus classique:

Code:

<a href="#" onclick="this.parentNode.submit();return false">..........</a>

et basta la fonction js;

mais attention, la balise lien ne doit pas se balader comme ça sans élément block pour lui tenir chaud...
16/06/2011, 11h41
Bovino

Citation:

je ne comprend pas pq le lien a href ne fonctionne pas pour les autres lignes

parce que tous tes formulaires ont le même id :roll:
16/06/2011, 11h45
javatwister

mouais ptêt bien... la boucle php ne me paraît pas limpide (de toute façon je n'ai jamais compris qu'on imbrique de cette manière php / html);

mais je ne crois pas qu'il y ait un formulaire par champ texte, si?

Pourtant si :

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
while($data = mysql_fetch_assoc($req))
    { ?>
<tr>
    <td width="80px">
	<form id="test"  method="post" action="afficherdetailrando.php">
    <a href="javascript:SubmitForm()"><?php echo $data['nom']; ?></a>
	<input type="hidden" name="nom" value="<?php echo $data['id'] ; ?>  ">
 
    </form> 
 
    </td>
 
	<td width="80px">
    <?php echo $data['prenom']; ?>
    </td>
 
	<td width="200px"> 
    <?php echo $data['postal']; ?>
    </td>
 
  	<td width="80px">
    <?php echo $data['count(id)']; ?>
	</td>
 
</tr>
 
<?php }

:triste:

16/06/2011, 12h04
javatwister

ah oui, c'est comique ça :lol:

:cry:
16/06/2011, 13h15
legrandse

Et bien je vous remercie pour votre aide et cela fonctionne parfaitement avec la ligne de javatwister:

Code:

<a href="#" onclick="this.parentNode.submit();return false">

Merci encore.