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

**brico-web** · 10/04/2013, 17h15

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 :

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

$("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 php :

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
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);
?>

**amoiraud** · 10/04/2013, 17h57

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 php :

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

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)); ?>

**SpaceFrog** · 11/04/2013, 09h28

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

Code :

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

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

???

**brico-web** · 11/04/2013, 14h43

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

**SpaceFrog** · 11/04/2013, 14h59

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 ???

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.