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 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 <?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 : 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 $(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); } }
Partager