[DOM] gestion tableau avec DOm

**ivanoe25** · 16/11/2006, 16h15

Salut,

Dans un formulaire j'ai une case a cocher et un tableau (<table>). Quand la case et cocher je veux rajouter une ligne à mon tableau, et lorsque je décoche je veux supprimer cete ligne qui a été créée. Donc ma fonction de création fonctionne en revanche pour la suppression ben je tourne un peu en rond....
voici mon code:

function ajouterligne()
{
if (document.reserver.check.checked==true)
{
myNewRow=document.getElementById("tabprix").insertRow(2);
myNewCell=myNewRow .insertCell();
myNewCell.innerHTML="Assurance";
}
else if (document.reserver.check.checked==false) //c'est cette partie qui ne marche pas, j'ai un message du type "argument non valide"
{
var tableau=document.getElementById("tabprix");
var ligneassu=tableau.getElementsByTagName("TR")[2];
tableau.removeChild(ligneassu);
}
}

merci d'avance

**SpaceFrog** · 16/11/2006, 16h29

il y a une balise tbody dans ton tableau ...

**ivanoe25** · 16/11/2006, 17h24

non il n'y a pas de balise tbody dans mon code

**Auteur** · 16/11/2006, 21h26

bonjour,

Pourquoi utilises-tu getElementsBytagName ?

Code :

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

var ligneassu=tableau.getElementsByTagName("TR")[2];

Peux-tu nommer les lignes par un id ? L'accès sera plus facile.

----------------------------------------

Dans un formulaire j'ai une case a cocher et un tableau (<table>). Quand la case et cocher je veux rajouter une ligne à mon tableau, et lorsque je décoche je veux supprimer cete ligne qui a été créée. Donc ma fonction de création fonctionne en revanche pour la suppression ben je tourne un peu en rond....
voici mon code:

Si je suis bien : tu vas créer ou supprimer une ligne de tableau (toujours la même visiblement). Il ne serait pas plus pratique de faire un display sur la ligne concernée ?

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
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function CacheLigne()
{
 var eTab = document.getElementById("tab")
 eTab.rows[1].style.display="none";
}
function MontreLigne()
{
 var eTab = document.getElementById("tab")
 eTab.rows[1].style.display="";
}
//-->
</script>
 
</head>
 
<body>
<table id="tab" border="1">
  <tr>
    <td>ligne 1
    </td>
  </tr>
  <tr>
    <td>ligne 2
    </td>
  </tr>
  <tr>
    <td>ligne 3
    </td>
  </tr>
</table>
<input type="button" value="Cache" id="BNom" onclick="CacheLigne()">
<input type="button" value="Montre" id="BNom" onclick="MontreLigne()">
 
</body>
 
</html>

**SpaceFrog** · 17/11/2006, 08h33

ivanoé ce n'était pas une question mais une affirmation: il y a une balise tbody dans ton code !

[DOM] gestion tableau avec DOm

JavaScript

Discussions similaires

Partager

Partager