appendChild un form sur une row
Bonjour,
J'ai un code html :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
| <tr>
<form name="selectionForm" action="consultation.asp" method="post">
<input id="input_num" class="hidden" name="NUM" value="num">
<input id="input_periode" class="hidden" name="PERIODE" value="periode">
<td class="stats_advanced_values">
<div style="height:50px">value1</div>
</td>
<td class="stats_advanced_values">
<div style="height:50px">value2</div>
</td>
<td class="stats_advanced_values">
<div style="height:50px">value3</div>
</td>
<td class="stats_advanced_values">
<div style="height:50px">value4</div>
</td>
<td class="stats_advanced_values">
<div style="height:50px">value5</div>
</td>
<td><input type="image" src="/images/maj.png"></td>
</form>
</tr> |
Et je n'arrive pas a récréer cette row en javascript (pour rendre mon tableau dynamique).
voila ce que j'ai :
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
| function create_row(count_first) {
var lastRow = stats_table.rows.length;
var row = stats_table.insertRow(lastRow);
// Formulaire
var form = document.createElement("form");
form.setAttribute("name", "selectionForm");
form.setAttribute("action", "consultation.asp");
form.setAttribute("method", "post");
// champs input hidden (num - periode)
var input_num = document.createElement("input");
input_num.ClassName = "hidden";
input_num.setAttribute("name", "NUM");
input_num.setAttribute("id", "input_num");
input_num.value = num_table[count_first];
var input_periode = document.createElement("input");
input_periode.ClassName = "hidden";
input_periode.setAttribute("name", "PERIODE");
input_periode.setAttribute("id", "input_periode");
input_periode.value = periode_table[count_first];
form.appendChild(input_periode);
form.appendChild(input_num);
for (var i = 0; i < 5; i++) {
var cell = row.insertCell(i);
var div = document.createElement("div");
div.style.height = "50px";
var node = document.createTextNode(give_value_of_table(save_cols[i + 1], count_first));
cell.className = "stats_advanced_values";
div.appendChild(node);
cell.appendChild(div);
}
// input submit
var cell = row.insertCell(i);
var submit = document.createElement("input");
submit.setAttribute("type", "image");
submit.setAttribute("src", "/images/maj.png");
cell.className = "stats_advanced_values";
cell.appendChild(submit);
row.appendChild(form);
} |
Avec ça il me recréer tout comme il faut mais mon formulaire ne marche plus... :?
Je pense qu'il s'agit des appendChild car je ne sais pas vraiment qui appartient a quoi et dans quel ordre.
Voila merci pour votre aide ;)