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

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!

Bonjour,

on attend de voir ton code...

3 pièce(s) jointe(s)

Voici une méthode.

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

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

Avant
Pièce jointe 270101

Après
Pièce jointe 270105

monfichier.txt
Pièce jointe 270106