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