Discussion :

[freuh94]

Bonjour,

J'ai un code html :

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

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

[le_chomeur]

tu recréer le même formulaire a chaque fois , tu n'aurais pas besoins plutôt uniquement des lignes ?

[freuh94]

Je ne sais pas...
Je sais que j'ai un tableau de résultat et je voudrai pouvoir accéder a une autre page (pour voir les détails) en utilisant un formulaire(post).

Après il est possible, peut-être, de n'utiliser qu'un seul formulaire avec plusieurs boutons submit propre à chaque ligne(et donc aux données des deux inputs en hidden). je ne sais pas.

Est ce que je m'exprime clairement ? dsl

[le_chomeur]

tu souhaites pouvoir poster ligne par ligne mais en les ajoutant dynamiquement ???
ou ajouter X ligne et poster le tout ?

[freuh94]

je souhaite poster ligne par ligne d'un tableau dynamique, en effet

J'ai trouver comme précisé au titre du post, le problème provenait d'un appendChild qui ne n'était pas correct.

Merci en tout cas pour votre aide et bonne journée