Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
jswork
0 / 0 / 0
Регистрация: 19.12.2013
Сообщений: 4
1

Удаление строк и столбцов таблицы при клике на ячейку

19.12.2013, 13:12. Просмотров 1305. Ответов 1
Метки нет (Все метки)

Дана таблица N*N.
Нужно При клике на ячейку [i,j] удалить (не перекрасить) i- строку и j- столбец
0
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
19.12.2013, 13:12
Ответы с готовыми решениями:

Вызов функции при клике на ячейку таблицы
Есть таблица. Требуется каждой ячейке (td) установить вызов одной функции, но с...

Как сделать обработку событий при клике на ячейку таблицы
Есть таблица, в ячейках некий текст. Как сделать ячейки таблицы кликабельными?...

Добавление/удаление класса при клике
html код: <div id="WrapperGallery"> <img src="images/Arrow-Left.png"...

Создание таблицы с заданным количеством строк и столбцов
Как реализовать такое добавление. Суть моего задания состоит в том что, когда я...

Создание таблицы с заданным количеством строк и столбцов
Необходимо, чтобы при выполнении HTML можно было ввести необходимое количество...

1
vovandr
631 / 519 / 194
Регистрация: 19.08.2013
Сообщений: 1,400
19.12.2013, 16:08 2
Лучший ответ Сообщение было отмечено jswork как решение

Решение

К таблице ставим id="table" Далее размещаем скрипт после всего html кода перед закрытием тега body (или на событии onload):
Javascript
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
var table = document.getElementById('table');
 
       table.onclick = function(e){
 
        var target = e.target;
 
          while(target.nodeName !== 'TD') {
 
            target = target.parentNode;
 
          }
 
          if(target.nodeName !== 'TD'){
             return;
          }
 
             var parent = target.parentNode,
                  tdLength = parent.childNodes.length;   
 
             parent.parentNode.removeChild(parent);
 
             target.rel = 'active';
 
             for(var i = 0; i < tdLength; i++) {
                if(parent.children[i].rel === 'active') {
                    removeTd(i);
                    break;
                }
             }
 
          }
 
 
       function removeTd(num) {
 
          var tr = table.querySelectorAll('tr'),
              trLength = tr.length;
 
           for(var i = 0; i < trLength; i++) {
              tr[i].removeChild(tr[i].children[num]);
           }
 
       }
Добавлено через 58 минут
Поправил скрипт немного

Добавлено через 43 минуты
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
19.12.2013, 16:08

При клике на строку таблицы записать значение ее полей в переменные js
Есть таблица, возможно ли при клике на строку записать в переменную значение...

Выделить рядок и столбик таблицы при нажатии на ячейку
Нужно выделить рядок и столбик, в которой находится ячейка, по которой кликнули...

Смена фона при наведении курсора мыши на ячейку таблицы
Создать функцию, которая будет изменять фон слоя в соответствии с фоном ячейки...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru