Comment faire des itérations sur une table html? (PHP/MYSQL)

**mohsenuss91** · 30/04/2017, 10h21

Bonjour,

J'ai une table multi ligne HTML (qui est le résultat d'une table MYSQL) ou chaque ligne représente une personne (chaque ligne contient une colonne 'id' et trois colonnes inputs de type number qui représente les notes des 3 trimestres).

Comment faire des itérations sur une table html pour récupérer le contenu des inputs et faire une mise à jour des notes (dur la table MYSQL)

lorsque je click sur le button submit svp!

Invité · 30/04/2017, 11h05

Bonjour,

on attend de voir ton code...

**badaze** · 01/05/2017, 12h02

Voici une méthode.

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
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
 
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script>
function envoi() {
 var maTable = document.getElementById('ma_table');
 
 var nLignes = maTable.rows.length;
 
 for (var i=0;i<nLignes;i++) {
  var uneLigne  = maTable.rows[i];
  var nColonnes = uneLigne.length;
 
  var xID = 0;
  var xT1 = 0;
  var xT2 = 0;
  var xT3 = 0;
  //alert(uneLigne.cells[0].innerHTML);
  if (uneLigne.cells[0].tagName == 'TD') {
   xID = uneLigne.cells[0].innerHTML;
   xT1 = uneLigne.cells[1].childNodes[0].value;
   xT2 = uneLigne.cells[2].childNodes[0].value;
   xT3 = uneLigne.cells[3].childNodes[0].value; 
   enregistre(uneLigne, xID,xT1,xT2,xT3);
  }
  //alert(uneLigne)
 
 }
}
function enregistre(uneLigne, xID,xT1,xT2,xT3) {
 
 $.ajax({
      url      : 'test9225b.php',
      type     : 'POST',
      data     : {'xID':xID,'xT1':xT1,'xT2':xT2,'xT3':xT3}, 
   //dataType : 'json',
   async    : false,
   success:function(data){
    uneLigne.style.backgroundColor = "green";
      },
   error:function(message){
    uneLigne.style.backgroundColor = "red";
          alert( "Erreur: " + message.statusText );
      }
    });
}
 
</script>
</head>
<body>
<table id="ma_table">
 <tr><th>ID</th><th>T 1</th><th>T 2</th><th>T 3</th></tr>
 <tr><td>10</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
 <tr><td>11</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
 <tr><td>12</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
 <tr><td>13</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
 <tr><td>14</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
 <tr><td>15</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
 <tr><td>16</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
 <tr><td>17</td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>
</table>
<input type="button" value="Envoyer" onclick="envoi()"/>
</body>
</html>

test9225b.php

Code php :

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

1
2
3
4
5
6
7
8
9
 
<?php
$id = $_POST['xID'];
$n1 = $_POST['xT1'];
$n2 = $_POST['xT2'];
$n3 = $_POST['xT3'];
// insertion dans un fichier texte pour les besoins du test
$time = time();
file_put_contents('monfichier.txt', "$time : $id - $n1 - $n2 - $n3".PHP_EOL,FILE_APPEND);