Bonsoir chers tous, En effet j'aimerais supprimer une ligne sélectionnée par ma fonction supprimerligne. Il faut dire que les lignes du tableau sont générés automatiquement et dans une colonne on met dynamiquement à travers le code javascript un bouton par ligne de suppression. Apparemment mon paramètre(this.parentNode.rowIndex) que je passe n'est pas exacte.Veuillez bien m'aider.Merci d'avance.
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91 <?php include ("haut.php"); if (isset($_POST['btndemande'])) { echo "aaaa"; include("insertiondemande.php"); } ?> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="liste.js"></script> <div class="col-sm-8 text-left"> <script language="JavaScript"> function ajouterLigne() { var tableau = document.getElementById("contenub"); var ligne = tableau.insertRow(-1);//on a ajouté une ligne var colonne1 = ligne.insertCell(0);//on a une ajouté une cellule colonne1.innerHTML += document.getElementById("localite_deux").value;//on y met le contenu de titre var select = document.getElementById("localite_deux" ); var valeur = select.options[select.selectedIndex].text; var colonne2 = ligne.insertCell(1);//on ajoute la seconde cellule colonne2.innerHTML +=valeur; var colonne3 = ligne.insertCell(2);//on ajoute la troisieme cellule colonne3.innerHTML +=document.getElementById("quantite").value; var rowNumber = document.getElementById("tableau").rows.length var colonne4= ligne.insertCell(3);//on ajoute la quartrieme cellule colonne4.innerHTML +=rowNumber-1; var colonne5= ligne.insertCell(4);//on ajoute la quartrieme cellule colonne5.innerHTML +='<input type="button" onclick="supprimerLigne(this.parentNode.rowIndex);" value="supprimer"/>' } function supprimerLigne(num) {var num1=num+1; document.getElementById("contenub").deleteRow(num); } </script> <select id="localite_un"> <option value="">Choisir la famille</select> </select> <select id="localite_deux"> <option value="">Choisir l'article</select> </select> <label for="textdirection"> Quantité:</label> <input type="numerique" name="Quantité" id="quantite"> <br><input type="submit" name ="btndemande" value= "créer une demande" class="btn btn-primary" > <button type="reset" name="annuler" value="annuler" class="btn btn-primary">Annuler</button> <input type="button" onclick="ajouterLigne();" value="Enregistrer"/> <div dir="rtl" style="height:100px;overflow-y:scroll;"> <table id="tableau" border="1" style="width:100%" dir="ltr"> <thead> <tr> <th>Article</th> <th>libelle</th> <th>Quantite</th> <th>numero de ligne</th> <th>supprimer</th> </tr> </thead> <tbody id="contenub"> </tbody> </table> </div> </form> </div> <?php include ("bas.php") ?>
Partager