Bonjour !

Voici un formulaire sur une page PHP que je propose aux employés, pour qu'ils récapitulent leurs années de service :

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
<table id="services" cellspacing="0" border="1">
	<form name="services" method="POST" action="services.php">
  <tbody>
    <tr>
      <th>Année</th><th>Service</th><th>Bureau</th><th>Fonction</th>
    </tr>
	<tr>
      <td><input type="text" name="année" id="1" value=""/></td>
	  <td><input type="text" name="service" id="1" value=""/></td>
	  <td><input type="text" name="bureau" id="1" value=""/></td>
	  <td><input type="text" name="fonction" id="1" value=""/></td>
    </tr>
	<tr>
      <td><input type="text" name="année" id="2" value=""/></td>
	  <td><input type="text" name="service" id="2" value=""/></td>
	  <td><input type="text" name="bureau" id="2" value=""/></td>
	  <td><input type="text" name="fonction" id="2" value=""/></td>
    </tr>
	<tr>
      <td><input type="text" name="année" id="3" value=""/></td>
	  <td><input type="text" name="service" id="3" value=""/></td>
	  <td><input type="text" name="bureau" id="3" value=""/></td>
	  <td><input type="text" name="fonction" id="3" value=""/></td>
    </tr>
	<tr>
      <td><input type="text" name="année" id="4" value=""/></td>
	  <td><input type="text" name="service" id="4" value=""/></td>
	  <td><input type="text" name="bureau" id="4" value=""/></td>
	  <td><input type="text" name="fonction" id="4" value=""/></td>
    </tr>
	<tr>
      <td><input type="text" name="année" id="5" value=""/></td>
	  <td><input type="text" name="service" id="5" value=""/></td>
	  <td><input type="text" name="bureau" id="5" value=""/></td>
	  <td><input type="text" name="fonction" id="5" value=""/></td>
    </tr>
  </tbody>
  </form>
</table>
Par défaut, je propose cinq années.

Je propose un lien (à terme, ce sera un bouton d'ailleurs, si je peux... )... pour que l'employé ajoute dynamiquement une ligne à ce tableau.

Pour ce, je suis passée par ce forum js, j'ai cliqué 'recherche', puis entré 'tableau ajout ligne dynamique'... Jusque-là, j'ai tout bon pas vrai ?

Je trouve ce joli code, je l'adapte à mon tableau chéri...

Et voici mon problème : Ce script marche parfaitement pour ajouter des cellules, mais je veux ajouter à l'intérieur de chaque cellule un code html différent... J'ai essayé innerHTML à la place de CreateTextNode...

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
var td1 = document.createElement("TD")
    td1.appendChild(document.innerHTML('<input type="text" name="année" id="6" value=""/>'))
Ca bloque...

Le but est toujours à terme de pouvoir récupérer les données entrées par l'employé, même sur une ligne qu'il a ajoutée !

Merci d'avance, d'avance merci !

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
66
67
68
69
70
71
72
73
74
<html>
<head><title>ajout dynamique de ligne</title>
<SCRIPT LANGUAGE="JavaScript">
 
<!-- Begin
  function addRow(id){
    var tbody = document.getElementById
(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
    td1.appendChild (document.createTextNode("Année"))
    var td2 = document.createElement("TD")
    td2.appendChild (document.createTextNode("Service"))
	var td3 = document.createElement("TD")
    td3.appendChild (document.createTextNode("Bureau"))
	var td4 = document.createElement("TD")
    td4.appendChild (document.createTextNode("Fonction"))
    row.appendChild(td1);
    row.appendChild(td2);
	row.appendChild(td3);
	row.appendChild(td4);
    tbody.appendChild(row);
  }
//  End -->
</script>
</head>
<body>
<a href="javascript:addRow('services')">Ajouter une ligne au tableau</a>
 
 
	<form name="services" method="POST" action="services.php">
	<table id="services" cellspacing="0" border="1">
  <tbody>
    <tr>
      <th>Année</th><th>Service</th><th>Bureau</th><th>Fonction</th>
    </tr>
	<tr>
      <td><input type="text" name="année" id="1" value=""/></td>
	  <td><input type="text" name="service" id="1" value=""/></td>
	  <td><input type="text" name="bureau" id="1" value=""/></td>
	  <td><input type="text" name="fonction" id="1" value=""/></td>
    </tr>
	<tr>
      <td><input type="text" name="année" id="2" value=""/></td>
	  <td><input type="text" name="service" id="2" value=""/></td>
	  <td><input type="text" name="bureau" id="2" value=""/></td>
	  <td><input type="text" name="fonction" id="2" value=""/></td>
    </tr>
	<tr>
      <td><input type="text" name="année" id="3" value=""/></td>
	  <td><input type="text" name="service" id="3" value=""/></td>
	  <td><input type="text" name="bureau" id="3" value=""/></td>
	  <td><input type="text" name="fonction" id="3" value=""/></td>
    </tr>
	<tr>
      <td><input type="text" name="année" id="4" value=""/></td>
	  <td><input type="text" name="service" id="4" value=""/></td>
	  <td><input type="text" name="bureau" id="4" value=""/></td>
	  <td><input type="text" name="fonction" id="4" value=""/></td>
    </tr>
	<tr>
      <td><input type="text" name="année" id="5" value=""/></td>
	  <td><input type="text" name="service" id="5" value=""/></td>
	  <td><input type="text" name="bureau" id="5" value=""/></td>
	  <td><input type="text" name="fonction" id="5" value=""/></td>
    </tr>
  </tbody>
  </table>
  <input type="submit" name="valider" value="Valider"/>
  </form>
 
 
</body>
</html>