Discussion :

[piotrowski-s]

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 :

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

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

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.

[javatwister]

lors de la duplication les id sont les même

bref, comment faire pour que les nouvelles lignes aient un

Code :

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

id

différent?

[piotrowski-s]

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?

[andry.aime]

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

[piotrowski-s]

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 :

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

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

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

[SpaceFrog]

Code :

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

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

[piotrowski-s]

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 :

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

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

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

[SpaceFrog]

Code :

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

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

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

Code :

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

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

[piotrowski-s]

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

Code :

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

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.

[Bovino]

Code :

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

newLine.id = nouvelleValeur;

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

[piotrowski-s]

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

[SpaceFrog]

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

[piotrowski-s]

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?

[SpaceFrog]

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

Code :

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

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

[piotrowski-s]

j'ai donc essayé comme cela:

Code :

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

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

mais ca plante.

[SpaceFrog]

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

Code :

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

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

[piotrowski-s]

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

[vermine]

Parce que la FAQ explique ce comportement.