Quand a commencé à écrire скрипт pour la création de la création des clichés pour la broderie, je même sur connaissais comme il aura l'air et que faire. Ayant décidé de faire sur JavaScript, a commencé à chercher comme éloigner les lignes du tableau, et a trouvé tout à fait imputé “мануал” http://su doku.org.ua/rus/blog/2006/03/09/deltablerows1/. Seulement s'éloignaient là seulement les lignes et selon id, pour moi id étaient superflu car j'éloignais les lignes d'en bas, et je demandais aussi non seulement l'éloignement des lignes, mais aussi l'éloignement столбцов а aussi leur supplément dynamique. Voici qu'a résulté : Только там удалялись лишь строки и по id, для меня id были лишними т.к. удалял я строки снизу, и мне также нужно было не только удаление строк, но и удаление столбцов а так же их динамическое добавление. Вот что получилось:
Le tableau lui-même

1
2
3
<table id = "canvas">>
...
</table>

Et deux fonctions
Le changement de la quantité de lignes

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
function chWidht (control) {{
  var value = control.value;;
  if (/^ [0-9] * $/.test (value)) {.test(value)){
    var tbody = document.getElementById (' canvas'). getElementsByTagName (' TBODY ') [0];('canvas').getElementsByTagName('TBODY')[0];
    var newwidth = parseInt (value);value);
    var diff = width - newwidth; newwidth;
    if (diff> 0) { 0){
      //est éloigné
      for (i = 0; i <height; i ++) { 0; i < height; i++){
        for (j = 0; j <diff; j ++) { 0; j < diff ; j++){
          tbody.rows [i].removeChild (tbody.rows [i].lastChild);.removeChild(tbody.rows[i].lastChild);
        }
      }
      width = newwidth;
    } else if (diff <0) { (diff < 0) {
      //est ajouté
      for (i = 0; i <height; i ++) { 0; i < height; i++){
        for (j = diff; j <0; j ++) { diff; j < 0 ; j++){
          var row = tbody.rows [i];[i];
          var td = document.createElement ("TD");("TD");
          row.appendChild (td);;
        }
      }
      width = newwidth;
    } else {}}
  } else {
    alert ("introduisez le nombre"););
    control.focus ();;
  }
}

Le changement de la quantité столбцов

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
function chHeight (control) {{
  var value = control.value;;
  if (/^ [0-9] * $/.test (value)) {.test(value)){
    var tbody = document.getElementById (' canvas'). getElementsByTagName (' TBODY ') [0];('canvas').getElementsByTagName('TBODY')[0];
    var newheight = parseInt (value);value);
    var diff = height - newheight; newheight;
    if (diff> 0) { 0){
      //est éloigné
      for (j = 0; j <diff; j ++) { 0; j < diff ; j++){
        tbody.removeChild (tbody.lastChild););
      }
      height = newheight;
    } else if (diff <0) { (diff < 0) {
      //est ajouté
      for (i = diff; i <0; i ++) { diff; i < 0; i++ ){
        var row = document.createElement ("TR");("TR");
        tbody.appendChild (row);;
        for (j = 0; j <width; j ++) { 0; j < width; j++){
          var td = document.createElement ("TD");("TD");
          row.appendChild (td);;
        }
      }
      height = newheight;
    } else {}}
  } else {
    alert ("introduisez le nombre"););
    control.focus ();;
  }
}

L'exemple ouvrier on peut jeter un coup d'oeil ici
À JavaScript n'est pas fort, c'est pourquoi que cela peut être et il est incorrect, mais travaille)

15Oct 2008