Suppression de colonne d'un tableau html en javascript
Bonjour,
j'ai un tableau en html et je veux ecrire un script qui fera les modification suivantes:
Si je clique sur une cellule de la première ligne è je supprime sa colonne complète
du tableau
Si je clique sur une cellule de la première colonne è je supprime sa ligne complète
du tableau
Si je clique sur la première cellule du tableau è aucune action
Si je clique en dehors de la colonne 1 et ligne 1 è aucune action
comme je suis debutant je sais pa par ou commencer?
mon probléme c"est que le tableau est en HTML
j'arrive pas à lui appliquer la fonction suppression
Code:
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
| <!DOCTYPE html>
<html>
<head>
<style> table { width:400px } td { background-color:lightgrey; text-align:center } </style>
<script type='text/javascript' src='test.js'>
function suppressionL(ligne)
{
document.getElementById('tableau').deleteRow(ligne.rowIndex);
//Recomptage des lignes...
var tableau = document.getElementById('tableau');
var trs = tableau.rows;
var n = trs.length;
var i;
alert(n);
for (i=1; i<n; i++) //on commence à 1 et non à 0 ;)
{
trs[i].cells[0].innerHTML = trs[i].rowIndex;
}
}
</script>
</head>
<body>
Mon premier tableau
<table name= "tableau" id="tableau" >
<tr><td>A</td><td><input type="button" value="E" onclick="supressionL()"></td><td><input type="button" value="C" onclick="supressionC()"></td><td><input type="button" value="D" onclick="supressionC()"></td><td><input type="button" value="E" onclick="supressionC()" ></td></tr>
<tr><td>F <input type="button" value="F" onclick="supressionL()"> </td><td>G</td><td>H</td><td>I</td><td>J</td></tr>
<tr><td><input type="button" value="K" onclick="supressionL()" ></td><td>L</td><td>M</td><td>N</td><td>O</td></tr>
<tr><td><input type="button" value="P" onclick="supressionL()" ></td><td>Q</td><td>R</td><td>S</td><td>T</td></tr>
<tr><td><input type="button" value="U" onclick="supressionL()" ></td><td>V</td><td>W</td><td>X</td><td>Y</td></tr>
<tr><td colspan='4'><input type="button" value="..." onclick="supressionL()" ></td><td>Z</td></tr>
</table>
Mon second tableau
<table>
<tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td></tr>
<tr><td>F</td><td>G</td><td>H</td><td>I</td><td>J</td></tr>
<tr><td>K</td><td>L</td><td>M</td><td>N</td><td>O</td></tr>
<tr><td>P</td><td>Q</td><td>R</td><td>S</td><td>T</td></tr>
<tr><td>U</td><td>V</td><td>W</td><td>X</td><td>Y</td></tr>
<tr><td colspan='4'>...</td><td>Z</td></tr>
</table>
</body>
</html> |
merci d'avance pour votre aide
