[DOM] DOM - Button

Bonjour,

J'ai une fonction qui ajout des cellules à un tableau. J'ai une autre qui renome les champs et je n'arrive pas à créer le code suivant.

Code:

1
2
 
<button style="border:none; Background-color:transparent;" type="button" onClick="toggleCalendar(date_echeance_client2);"><img src="../images/dynCalendar.gif"></button>

fonction d'ajout de ligne

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
function ajoutLigneAuTableauClient(num_tbody)
{
 
		var tbl = document.getElementById('echeancier_client');
 
		// ajout d'une ligne
		var row = tbl.tBodies[num_tbody].insertRow(-1);
 
//exemple d'un input text
var newCell1 = row.insertCell(1);
	var dateEcheance = document.createElement('input');
	dateEcheance.setAttribute('type','text');
	dateEcheance.setAttribute('size','8');
	dateEcheance.setAttribute('name','date_echeance_client');
	dateEcheance.setAttribute('value','');
	dateEcheance.setAttribute('id','date_echeance_client');
	newCell1.appendChild(dateEcheance );
 
nbLignesEcheanceClient++;	
majNumLignesEcheancierClient();	
}

fonction qui renumérote les champs et fonctions

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function majNumLignesEcheancierClient(){
 
		var nbLignes = nbLignesEcheanceClient ; 
 
 
		for(var i = 0 ; i < nbLignes ; i++){
		var tbl = document.getElementById('echeancier_client');
		tbl.tBodies[1].rows[i].className = 'bleu'+(i%2);
 
 
		//Mise a jour de la cellule 1 
		tbl.tBodies[1].rows[i].cells[1].getElementsByTagName('INPUT')[0].setAttribute('name','date_echeance_client'+(i+1));
		tbl.tBodies[1].rows[i].cells[1].getElementsByTagName('INPUT')[0].setAttribute('id','date_echeance_client'+(i+1));
 
....
}

je te renvoie au post suivant ...
tout y est expliqué ...
http://www.developpez.net/forums/d53...ynamique-form/

Bonjour SpaceFrog !

J'ai déjà lu ton post, mais cela me parait un peu compliqué ...

rien de compliqué !!

juste une librairie à installer et une syntaxe à respecter ...

Au moins les elements sont crées correctement ...