lien sélectif à partir de chacune des lignes d'un tableau

Version imprimable

Bonjour,

J'obtiens un tableau d'enregistrements (MySQL) en utilisant do{ }while() en PHP.

Je souhaite qu'un clic sur chacune des lignes ouvre une fiche individuelle.Par :

Code:

$("tr").click(function(){$(location).attr('href',"reception.php?var=");});

j'obtiens bien la page d'affichage mais mes différents essais en JQUERY pour récupérer l'ID correspondant à chaque ligne restent vains.

Merci de l'éventuelle solution qui pourrait m'être proposée.

voir script complet ci-dessous :

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
54
55
56
57
58
59
60
61
62
63
64
65
<?php require_once('../Connections/GACR.php'); ?>
<?php
mysql_select_db($database_GACR, $GACR);
$query_r1 = "SELECT * FROM adherents WHERE adherents.R<>22 AND adherents.R<>23 ORDER BY adherents.nom";
$r1 = mysql_query($query_r1, $GACR) or die(mysql_error());
$row_r1 = mysql_fetch_assoc($r1);
$totalRows_r1 = mysql_num_rows($r1);
isset($startRow_r1)? $orderNum=$startRow_r1:$orderNum=0;
?>
<!doctype html>
<html>
<head>
<meta charset="iso-8859-1">
<title>LeTableau</title>
 
<style type="text/css">
 
</style>
 
<script type="text/javascript" src="jquery-1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 
 
  $("tr").mouseenter(function(){
$(this).css({"background-color":"#9cf"});
})
.mouseleave(function(){
$(this).css({"background-color":"#ffc"});
}); 
 
$("tr").click(function(){$(location).attr('href',"reception.php?var=<?php ?>");}); 
 
 });
 
</script>
 
</head>
 
<body>
<table id="tab1">
<tr>
  <th width="35" scope="col">N&deg;</th>
  <th width="70" scope="col">Id</th>
  <th width="168" scope="col">Nom Pr&eacute;nom</th>
  <th width="205" scope="col">Adresse</th>
  <th width="114" scope="col">CP</th>
  <th width="207" scope="col">Ville</th>
</tr>
<?php do { ?>
<tr>
  <td><?php echo ++$orderNum; ?></td>
  <td><?php echo $row_r1['id']; ?></td>
  <td align="left"><strong><?php echo $row_r1['nom']; ?></strong>&nbsp; <?php echo $row_r1['prenom']; ?></td>
  <td align="left"><?php echo $row_r1['adresse']; ?></td>
  <td><?php echo $row_r1['code_postal']; ?></td>
  <td align="left"><?php echo $row_r1['ville']; ?></td>
</tr>
<?php } while ($row_r1 = mysql_fetch_assoc($r1)); ?>
</table>
</body>
</html>
<?php
mysql_free_result($r1);
?>

Salut,

Je pense que le plus simple est de gérer ton évenement clique sur chaque tr, vu que tu est dans la boucle tu peut récupérer l'ID sans problème :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<?php do { ?>
<tr onClick="$(location).attr('href','reception.php?var=<?php echo $row_r1['id']; ?>');">
  <td><?php echo ++$orderNum; ?></td>
  <td><?php echo $row_r1['id']; ?></td>
  <td align="left"><strong><?php echo $row_r1['nom']; ?></strong>&nbsp; <?php echo $row_r1['prenom']; ?></td>
  <td align="left"><?php echo $row_r1['adresse']; ?></td>
  <td><?php echo $row_r1['code_postal']; ?></td>
  <td align="left"><?php echo $row_r1['ville']; ?></td>
</tr>
<?php } while ($row_r1 = mysql_fetch_assoc($r1)); ?>

11/04/2013, 09h28
SpaceFrog

tu veux passer l'id du tr en param var ?

Code:

$("tr").click(function(){$(location).attr('href',"reception.php?var="+$(this).attr('id'));});

???
11/04/2013, 14h43
brico-web

lien sélectif à partir de chacune des lignes d'un tableau

Merci à amoiraud et SpaceFrog d'avoir accepté de m'aider.

La solution de SpaceFrog émet pour var, émis en GET , une valeur indéfinie puisqu'il n'y a pas de lien avec la boucle PHP

La solution de amoiraud fonctionne mais je ne pensais pas pouvoir utiliser des sélecteurs et méthodes jquery qui ne soient encadrés par des des balises script javascript. serait-ce abuser que de solliciter une explication ?

merci encore
11/04/2013, 14h59
SpaceFrog

Citation:

La solution de SpaceFrog émet pour var, émis en GET , une valeur indéfinie puisqu'il n'y a pas de lien avec la boucle PHP

Parce que tes tr n'ont pas d'id ??? 8O

Pour ce qui est du js dans le code au niveau de la balise, un evenement n'attend pas autre chose que du javascript ...
Cependant c'est intrusif ...
Il serait plsu approprié de mettre un id sur chacun de tes tr à la création en php et de leur attribuer le onclick dans le document ready.
11/04/2013, 15h30
amoiraud

Pour compléter ce qu'a dit SpaceFrog, il te suffit de faire :

Code:

<tr id="<?php echo $row_r1['id']; ?>">

Pour que sa solution fonctionne, c'est vrai que c'est quand même plus propre ;)
11/04/2013, 16h00
brico-web

Vos réponses sont très claires et m'ont fait progresser.
Les deux solutions fonctionnent

MERCI à vous deux