Discussion :

[dragonfly80]

bonjour, mon problème est le suivant :

j'ai tout d'abord un premier formulaire ou l'utilisateur entre une valeur et passe a une autre textbox, ensuite un évenement onChange est appelé pour mettre la valeur entrée par l'utilisateur dans cette textbox :

Javascript :

Code :

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

1
2
3
4
5
6
7
8
<script>
	var NbCentreTech;
 
	function afxCentreTech()
	{
		NbCentreTech = window.document.FormCalc.SupCal.value);
	}
</script>

code php :

Code :

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

1
2
3
4
5
echo '<form name="FormCalc">';
	echo '<table id="t_time3">';
		echo '<tr><td id="pg">'."super calculateur : ".'</td><td id="pd"><input type="text" name="SupCal" id="quant" size="5" value="0" onChange="afxCentreTech()"></td><td id="milieu"></td><td colspan="2"></td></tr>';
	echo '</table>';
echo '</form>';

mon souhait serai d'utiliser cette valeur pour pouvoir actualiser le nombre de ligne d'un tableau, c'est a dire que si la valeur récupérer est 1, mon tableau fera 1 ligne et ainsi de suite ...
sauf que je ne sais pas comment faire pour utiliser cette valeur !!!

code php du tableau a actualiser :

Code :

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

1
2
3
4
5
6
7
8
echo '<form name="CentreTech">';
	echo '<table id="t_time3">';
		for($i=0;$i<='variable a mettre ici !!';$i++)
		{
			echo '<tr><td id="pg">'."centre technique ".($i+1)." : ".'</td><td id="pd"><input type="text" name="centre'.$i.'" id="quant" size="5" value="0"></td>';
		}
	echo '</table>';
echo '</form>';

[zn415]

Je suis pas certain de comprendre, tu veux faire ça sans recharger la page? En ajax?

Montre nous un exemple de ce que tu veut faire.

[dragonfly80]

non, je voudrais faire cela en javascript si cela est possible .. et puis j'ai pas eu le temps de m'initier a l'AJAX encore mais c'est peut être aussi la solution a mon problème.

en fait lorsque l'utilisateur met un 1 dans la text box, le tableau doit être comme ceci :



et lorsqu'il met un 2 :



et ainsi de suite donc je voulais savoir si il est possible de faire cela en javascript ?

[zn415]

Regarde ici, je pense que tu peux t'en inspirer. (Utilise firebug pour verifier l'arbre du fichier)

http://immobiliers-europe.com/dom_tableau.php

Je te met aussi le code car le lien ne durera pas:


Dans cet exemple je ne tiens pas comte de la suppression des elements mais il faudrait l'ajouter.

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
 
 
 
 
<div id='tab'></div>
 
 
Entrer un nombre:<input name='input' id='input' onChange ="update(this.value)"/>
 
 
 
 
<script language="JavaScript"> 
 
 
function update(val){
	alert("Il faut creer "+val+"champs");
 
	var i=0;
	while(i < val){
	add(i);
	i++;
	}
}
 
 
 
function add(i){
 
 
var node_h1=document.createElement("h1");
document.getElementById("tab").appendChild(node_h1);
document.getElementById("tab").lastChild.setAttribute("style","color:rgb(200,50,150);border:2px solid #cceaec;");
 
var node_text=document.createTextNode("champs"+ i);
document.getElementById("tab").lastChild.appendChild(node_text);
 
 
var node_input=document.createElement("input");
document.getElementById("tab").appendChild(node_input);
document.getElementById("tab").lastChild.setAttribute("name","name_"+i);
 
 
var node_p=document.createElement("p");
document.getElementById("tab").appendChild(node_p);
 
alert("Le Champs name_"+ i + " vient d'etre cree");
 
}
 
 
</script>

[dragonfly80]

je comprend le principe de se script qui rajoute des éléments dans le div "tab" mais comment sont défini les balises html ? pasque par exemple pour la création de l'élément H1 on commence par déclaré une balise <h1> mais pour la fermeture de h1 comment cela est-il gérer par le javascript ?