Discussion :

[ala-sarraj]

je viens de faire une facture , lors du suppression d'une ligne du tableau je veux que la valeur du champs prix totale se met à jour!
je dois faire quoi , aidez -moi svp!

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
function ajoutLigne(){
  var Cell;
  var article = document.forms["formulaire"].article.value;
  var qte = document.forms["formulaire"].qte.value;
  var pu = document.forms["formulaire"].pu.value;
  var tva = document.forms["formulaire"].tva.value;
  var pht = parseInt(qte,10) * parseInt(pu,10)
  var tableau = document.getElementById('tableau');
  var ligne = tableau.insertRow(-1); 
  Cell = ligne.insertCell(0);
  Cell.innerHTML = ligne.rowIndex;
  Cell = ligne.insertCell(1);
  Cell.innerHTML = article;
  Cell = ligne.insertCell(2); 
  Cell.innerHTML = qte;
  Cell = ligne.insertCell(3);
  Cell.innerHTML = pu;
  Cell = ligne.insertCell(4);
  Cell.innerHTML = tva;
  Cell = ligne.insertCell(5);
  Cell.innerHTML = pht;
  Cell = ligne.insertCell(6);
  var x = parseInt( document.forms["formulaire"].pt.value ,10) + parseInt(pht , 10);
  document.forms["formulaire"].pt.value = x ;
  var bouton = document.createElement("input");
  bouton.type = "button";
  bouton.value = "Supprimer";
  bouton.onclick = function(){suppression(ligne)};
  Cell.appendChild(bouton);
  document.forms["formulaire"].article.value = "";
  document.forms["formulaire"].qte.value = "";
  document.forms["formulaire"].pu.value = "";
  document.forms["formulaire"].tva.value = "";
}
function suppression(ligne){
  document.getElementById('tableau').deleteRow(ligne.rowIndex);
  var tableau = document.getElementById('tableau');
  var trs = tableau.rows;
  var n = trs.length;
  var i;
  for (i=1; i<n; i++) {
    trs[i].cells[0].innerHTML = trs[i].rowIndex;
  }
}

Code html :

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
<form name="formulaire">
Article : <input type="text" name="article">
Quantite: <input type="text" name="qte">
Prix unitaire : <input type="text" name="pu">
TVA <select name="tva"><OPTION value="">--<OPTION value="20%">20%<OPTION value="10%">10%<OPTION value="5%">5%</select>
<input type="button" value="Ajouter une ligne" onclick="ajoutLigne()" >
<br>
<br>
<table name= "tableau" id="tableau" border="1">
<tr>
<td>numero de ligne</td>
<td>article</td>
<td>qte</td>
<td>pu</td>
<td>TVA</td>
<td>prix ht</td>
 
<td>Supprimer la ligne</td>
</tr> 
</table>
Prix total : <input type="text" name="pt" value="0">
</form>

[arthur57]

Bonjour,

Un petite "bonjour", une balise CODE et un peu d'orthographe manquent mais bon..

Ta suppression fonctionne ? As-tu pensé à rafraîchir la page?

Cordialement.

[ala-sarraj]

bonjour !
oui ,la fonction suppression fonctionne tres bien , j'aime ajouter une autre fonctionnalité pour cette fonction ! on supprimant la ligne désirer je veux que la valeur du prix totale se met a jour !
je dois faire quoi ?

[ryan]

Yop!

Dans la fonction de suppression, tu connais l'index de la ligne, tu peux donc créer un tableau qui contiendra les cellules de cette ligne ( il s'agit du tableau "cells" : http://www.w3schools.com/jsref/coll_table_cells.asp )

Tu choisis la bonne cellule, tu parses son InnerHTLM en float ou en integer ( ou bien tu utilises le DOM, plus élégant ), cela te donnera la valeur que tu dois soustraire à la valeur du champ pt.

[ala-sarraj]

merci bcp ryan ! ça marche trés bien

[ala-sarraj]

bonjour !
je veux savoir si c possible de renvoyer mon tableau "tableau " a une autre page php on utilisant un bouton de type "submit" ?