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
Partager