Tableau dynamique et fonction de calculs

Bonjour à tous,

j'ai un tableau (au départ une ligne) dans lequel je fais des calculs grâce aux getElementbyId,

en fait voici la fonction de calculs:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

function calcdebours() { var taux = document.getElementById('debours_taux_tva').value; var ht_no_tva = document.getElementById('debours_montant_ht_no_tva').value; var ht_tva = document.getElementById('debours_montant_ht_tva').value; var tva = Math.round((((ht_tva)*(taux))/100)*100)/100; if(taux=='') { taux=0; } if(ht_no_tva=='') { ht_no_tva=0; } if(ht_tva=='') { ht_tva=0; } document.getElementById('debours_montant_tva').value = tva ; document.getElementById('debours_montant_ttc').value = (tva) + parseFloat(ht_tva)+ parseFloat(ht_no_tva)

---

Le soucis c'est que pour des raisons de pratiques j'ai du rendre le tableau dynamique (pouvoir ajouter autant de lignes que l'on désire).

J'ai donc fais la chose suivante:

Code:

---

1 2 3 4 5

function clone(line) { newLine = line.cloneNode(true); line.parentNode.appendChild(newLine); }

---

comme le calcul se fait sur les id, et que lors de la duplication les id sont les même j'ai des problèmes pour faire le calcul des lignes suivantes.

Je ne sais pas trop comment procéder, étant donné qu'au départ, ce n'est pas ce qu'on attendait que je fasses.

toute forme d'aide sera grandement appréciée.

Bien à vous.

SP.

Citation:

---

lors de la duplication les id sont les même

---

bref, comment faire pour que les nouvelles lignes aient un

Code:

---

id

---

différent?

en fait c'est pas forcément les lignes mais plutôt les cellules enfin les input , car pour le calcul j'ai la fonction du départ que j'ai mis dans le premier post, et donc je devrais sans doutes créer autant de fonctions qu'il y a de duplication de cellules non?

Bonjour,

Un id doit être unique dans un document, indexe les id des éléments à chaque ajout d'une nouvelle ligne et passe la ensuite en paramètre de la fonction.

A+.

bien je voudrais bien, seulement je ne sais pas du tout comment faire en javascript je n'ai pas trouvé de tutoriels a ce sujet. J'ai essayé de procéder avec

Code:

---

setAttribute("id","++i");

---

mais il ne l'interprète pas et me met des message d'erreur dans ma console.

Code:

---

setAttribute("id","_"+(++i));

---

un id ne doit pas non plus etre uniquement numérique
et js n'interprète pas un incrément dans un string ...

donc je dois faire autant de fonctions que j'ai d'éléments chargés, du coup j'incrémente la fonction, j'ai mis cela

Code:

---

onchange="SList.getSelect('slist<script>(++i)</script>',

---

mais ca me met des messages d'erreurs, en fait ce code n'est pas interprété.

Code:

---

onchange="SList.getSelect('slist<script>(++i)</script>',

---

8O8O8O8O8O



revois tes bases de javascript ...
on ne colle pas des blaises n'importe ou ...

Code:

---

onchange="SList.getSelect(this.id)"

---

je commence à mieux comprendre, en fait je débute réellement le javascript ce jour... En fait le soucis de cette fonction

Code:

---

1 2 3 4

function clone(line) { newLine = line.cloneNode(true); line.parentNode.appendChild(newLine); }

---

c'est qu'elle duplique une ligne sans changer les id, je voudrais qu'elle incrémente tout.

Code:

---

newLine.id = nouvelleValeur;

---

c'est pas bien compliqué quand même... :?

bien en fait si, car c'est pas l'id de la ligne qui m'intéresse, mais de tout ce qu'il y a dedans les input etc...

alors passe this en paramètre et decortique le dans la fonction

d'accord. mais bon vu que les id sont les même... Enfin y'a t'il un moyen de changer les id des éléments de la ligne?

tu n'as pas lu mon post précédent ???

Code:

---

setAttribute("id","_"+(++i));

---

j'ai donc essayé comme cela:

Code:

---

document.getElementsByName('data[][libelle_debours]').setAttribute("id","_"+(++i));

---

mais ca plante.

document.getElementsByName retourne une collection, pas un élement unique

Code:

---

1 2 3 4 5

var tab=document.getElementsByName('data[][libelle_debours]') var i=-1; while(tab[++i]){ tab[i].setAttribute("id","_"+i); }

---

Merci, je pense pouvoir me débrouiller pour le reste.

Parce que la FAQ explique ce comportement. ;)