Программирование > JavaScript & JScript

Вопрос по JavaScript для профессионалов.

(1/1)

evgkuz:
В JavaScript для создания on-line редактора есть такие команды, как:
1) insertRow()
2) deleteRow()
3) insertCell()
4) и т.д.

Вопросы:
Есть ли такая же команда для объединения соседних ячеек?
Есть ли такая же команда для разединения соседних ячеек?

Т.е. чтобы управлять colspan и rowspan.

Макс:
для объединения (ИМХО) нужно удалить несколько ячеек а в одну вставить colspan=число

То есть если у тебя было 5 ячеек в одной строке, то удаляешь 4 а 5-ой свойство rowspan=5 делаешь

Разъединение делается наоборот.

PS
Было бы интересно, знает ли кто другие способы ?

Макс:
[moderator]
Забыл самое главное сказать.
Ты вроде не впервые на форуме, будешь еще такие названия темам давать, закрою и здесь и на ПХПКлубе
[/moderator]

evgkuz:
Макс
Я просто не хотел, чтобы мне советовали FrontPage или DW.
Извините, если это кого-нибудь оскорбило.

Для вставки определённой ячейки используется примерно такая команда:

table.rows(row).insertCell(cell);

А как таким же образом добраться до атрибутов colspan и rowspan ?

Alexandr:
Атрибуты ROWSPAN и COLSPAN

Семейство rows соответствует структуре HTML, которая определяет таблицу. Поэтому даже если ячейка охватывает несколько строк, то она представлена только в той строке, которая определяет ячейку. Приведенный ниже код упорядочивает доступ к таблице, которая имеет ряд ячеек, охватывающих множество столбцов и строк:


--- Код: ---

   
      Строки и ячейки HTML
   
   
     
         Sample Table
         0, 0
            0, 10, 2
         1, 01, 1
         2, 0
     
     
         // Вывод информации о таблице.
         document.write("Table Information");
         with (document.all.tbl1) {
            for (var intRows=0; intRows < rows.length; intRows++)
               document.write("Row " + intRows + " has " +
                  rows[intRows].cells.length + " cell(s).
");
            document.write("Here is the same table without " +
               "any cells spanning multiple rows or columns:");
            document.write("");
            for (var intRows = 0; intRows < rows.length; intRows++) {
               document.write("");
               for (var intCells = 0;
                     intCells < rows[intRows].cells.length;
                     intCells++)
                  document.write("" + intRows + "," + intCells +
                     "");
               document.write("");
            }
            document.write("");
         }
     
   


--- Конец кода ---

На рис. 9.5 показано отображение данной таблицы в окне браузера. Строки и ячейки определены в основном коде, независимо от действительного воспроизведения таблицы. Числа в ячейках представляют индекс строки в семействе rows, после которого указан индекс этих ячеек в семействе cells. Вторая таблица не имеет атрибутов ROWSPAN и COLSPAN. Соответствующие ячейки имеют одинаковые индексы в обеих таблицах.

Рис. 9.5. Охватывающие ячейки и содержащие их семейства

Вы можете изменить свойства colSpan и rowSpan для динамического изменения схемы размещения таблицы. Изменение данных свойств не приводит к изменению семейств rows или cells. Единственным способом влияния на семейства является явное добавление или удаление разделов, строк или ячеек из таблицы при помощи методов вставки и удаления.

Навигация

[0] Главная страница сообщений