1 pièce(s) jointe(s)
Afficher les données d’une ligne d’un tableau après un click
Bonjour,
J’ai un tableau généré par le code PHP dans lequel un compteur a été placé au niveau de la balise « tr ».
Je veux afficher, après un click sur une ligne quelconque, deux informations dont l’une dans une liste déroulante et l’autre dans une zone de texte. Pour le moment, les données qui sont affichées dans les zones citées sont aléatoires quand bien même j'ai le numéro de la ligne sélectionnée. Merci d'avance pour tout apport. Ci-dessous le code PHP:
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
| <?php
require_once('.././Connections/connection_sgesti.php');
echo " <table class='reference2' width='200' id='montableau'>";
echo "<tr><th colspan='8'>LISTE DES IMPACTS </span></th></tr>";
echo "<tr bgcolor='#CCCCCC'>";
echo " <td width='5%'><strong>Numéro</strong></td>
<td width='19%'><strong>Type impact </strong></td>
<td width='31%'><strong>Nombre</strong></td>
<td width='31%'><strong>Titre</strong></td>
<td align='center'><strong>MAJ</strong></td>
</tr>";
$i=0;
$query="select ime.idimpact,ti.nomimpact,ime.nombreimpact,e.titreevnt from evenement e, impact_evenement ime, typeimpact ti where e.idevnt=ime.idevnt and ime.idimpact=ti.idimpact";
$result=pg_query($dbconnect,$query) or die('Echec requête:' .pg_last_error());
while ($row=pg_fetch_assoc($result))
{
echo "<tr id='".$i."' <a onclick='afficher_impact(".$i.")'>>";
echo " <td> ".$row['idimpact']."</td>";
echo "<td> ".$row['nomimpact']."</td>";
echo "<td> ".$row['nombreimpact']."</td>";
echo "<td> ".$row['titreevnt']."</td>";
echo " <td class='center'><a onclick='modifier_impact(".$i.")'><img src='./images/b_edit.png'/></a></td>";
echo "</tr>";
$i=$i+1;
}
echo "</table>";
?> |
Puis le code AJAX:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| $(document).ready(function() {
});
function afficher_impact(id){
var indexligne=id;
alert(id);
var arrayLignes = document.getElementById("montableau").rows;
var longueur = arrayLignes.length;
if (longueur>1)
{
var typeimpact= arrayLignes[indexligne].cells[1].innerHTML;
var nombreimpact= arrayLignes[indexligne].cells[2].innerHTML;
document.getElementById('txtnombre').value=nombreimpact;
//document.getElementById('typeimpact').value =id;
//$('#typeimpact').val('<option value='+ indexligne +'>'+ typeimpact +'</option>');
$('#typeimpact').val(typeimpact);
}
} |
