Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [Opera] Удаление ячеек из таблицы / 7 сообщений из 7, страница 1 из 1
05.04.2008, 21:50
    #35237695
_Vasilisk_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[Opera] Удаление ячеек из таблицы
Пытаюсь динамически добавлять/удалять ячейуи из таблицы.
Проблема в том, что при указании DOCTYPE XHTML 1.0 Strict в Опере на месте удаляемой ячейки остается мусор (как будто она становится нулевой ширины, но с бордюрами.

В ИЕ все работает. В Опере, если убрать DOCTYPE тоже

document.all.length честно уменьшается на 1. Снимал DOM Snapshot (есть в Опере такая тулза) тоже все ОК. Похоже на откровенный баг. Может кто знает как обойти?

Вот код страницы
Код: plaintext
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.
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html  xmlns='http://www.w3.org/1999/xhtml'>
  <head>
    <title>Test</title>
    <script type="text/javascript">
      function addSect() {
        var trHdr = document.getElementById("test");
        var td = document.createElement("td");
        trHdr.appendChild(td);
      }

      function delSect() {
        var trHdr = document.getElementById("test");
        var lastIdx = trHdr.cells.length -  1 ;
        var td = trHdr.cells(lastIdx);  
        trHdr.removeChild(td);
      }
    </script>
  </head>
  <body>
    <table border="1" width="100%">
      <tr id="test">
        <td>
          Test
        </td>
      </tr>
    </table>
    <button onclick="addSect()">Add</button>
    <button onclick="delSect()">Del</button>
  </body>
</html>

С уважением, Vasilisk
...
Рейтинг: 0 / 0
06.04.2008, 11:56
    #35237912
Logo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[Opera] Удаление ячеек из таблицы
У меня так работает
document.all.tbl.rows .parentNode.removeChild(document.all.tbl.rows)
tbl-таблица
...
Рейтинг: 0 / 0
06.04.2008, 14:35
    #35238037
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[Opera] Удаление ячеек из таблицы
LogoУ меня так работает
document.all.tbl.rows .parentNode.removeChild(document.all.tbl.rows)
tbl-таблица

это что-то не из этой оперы, простите за каламбур...

2 _Vasilisk_ :
если убрать доктайп в опере - не работает все равно. Бордера не видно, но небольшое пустое место есть. Решение из области кроссбраузерных извращений - попробуйте перед удалением выставить для удаляемого td свойство style.display = 'none' . Моей опере помогло...
...
Рейтинг: 0 / 0
06.04.2008, 16:05
    #35238082
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[Opera] Удаление ячеек из таблицы
В Опере при изменении средствами DOM не всегда происходит перерисовка окна.
Я так и не понял почему так происходило, но было это в одной проге.
Чтоб преодолеть я присваивал высоте DIV его же собственную высоту - и перерисовавало. Больше никогда у меня это не вылазило и я не стал копать почему так было.
...
Рейтинг: 0 / 0
06.04.2008, 16:31
    #35238097
_Vasilisk_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[Opera] Удаление ячеек из таблицы
illionРешение из области кроссбраузерных извращений - попробуйте перед удалением выставить для удаляемого td свойство style.display = 'none' . Моей опере помогло...
Да. Действительно помогло. Спасибо.
...
Рейтинг: 0 / 0
06.04.2008, 16:37
    #35238100
_Vasilisk_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[Opera] Удаление ячеек из таблицы
Причем если удаляется много ячеек, то достаточно эту манипуляцию провести с одной из них

С уважением, Vasilisk
...
Рейтинг: 0 / 0
07.04.2008, 15:02
    #35239955
Logo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[Opera] Удаление ячеек из таблицы
document.all.tbl.rows[j].parentNode.removeChild(document.all.tbl.rows[j])
Во так)
было вместо j i, форум посчитал это за BBкод)
А вот и пример http://kts-persona.ru/graduate.php#tbl
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [Opera] Удаление ячеек из таблицы / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]