Firefox и таблицы в innerHTML

SMiX · №1

Таблица берется посредством ajax`a и алертится[ alert(req.responseText) ] - код выводится верный. Тип:

Код:

<table>
<tr><td>форма</td><td>текст</td><td>текст</td></tr>
<tr><td>форма</td><td>текст</td><td>текст</td></tr>
<tr><td>форма</td><td>текст</td><td>текст</td></tr>
</table>

Потом

Выделить код

Код:

document.getElementById('div_for_table').innerHTML = req.responseText

И код таблицы коверкается - добавляются после <table> и перед </table> <tbody> , </tbody> - это нестрашно, но все портит то, что ФФ коверкает структуру таблицы. В частности, переносит первый тег </td> к следующему. В итоге содержимое div`а получается таким:

Выделить код

Код:

<table>
<tr><td>форма<td>текст</td></td><td>текст</td></tr>
<tr><td>форма<td>текст</td></td><td>текст</td></tr>
<tr><td>форма<td>текст</td></td><td>текст</td></tr>
</table>

В Опере и Ослике все работает нормально, что очень обидно. Ведь ФФ - это, вроде как, эталон...

Отредактировано SMiX (01-12-2006 20:02:14)

Yan · №2

SMiX
Во-первых, Firefox всё-таки не эталон.
Во-вторых, не воспроизводится:
http://xsms.nm.ru/temp/gecko/ajax_innerhtml_tables/

SMiX · №3

http://seo.w00d.org/?act=viewpr&id=1
Вот тут трабла..

Отредактировано SMiX (01-12-2006 21:02:41)

Yan · №4

Я думаю, это из-за некорректной вложенности элементов. <form method="post" action=""> открывается в одной ячейке, а закрывается в следующей.

SMiX · №5

Дада кстати была мысль, но забыл потом. Пасиб Теперь надо решить, как это привести к "стандарту"... Не хочется сложных конструкций типа <input onclick="document.getElementById(ид формы)" />

Yan · №6

SMiX
Вложить все td в form, а form в tr?

SMiX · №7

Пробовал. Таблица коверкается
И tr в form вкладывал - таблица получается размером в 1 пиксель

Отредактировано SMiX (01-12-2006 22:11:52)

Yan · №8

Как именно коверкается?
У меня всё нормально:

Выделить код

Код:

...
<table border="1" bordercolor="black">
<tr><th>Ссылки</th></tr>
<tr><form method="post" action=""><td><textarea name="link" cols=20 rows=10>ss</textarea></td><td><input type="submit" value="Обновить" /></td><td>Тут будет кнопка удаления</td></form></tr>
</table>
...

SMiX · №9

Вот поставил...
http://seo.w00d.org/?act=viewpr&id=1

Добавлено Птн 01 Дек 2006 22:31:35 :
Лаги происходят именно после изменения innerHTML. Когда такой код просто загружается лагов нет.

Yan · №10

Мда.
Я бы сделал через сложные конструкции типа <input onclick="document.getElementById(ид формы)" />.
Тем более эти сложные конструкции можно сильно упростить:

Выделить код

Код:

...
<tr><td><textarea cols=20 rows=10>ss</textarea></td><td><input type="button" onclick="update(this);" value="Обновить" /></td><td>Тут будет кнопка удаления</td></tr>
...

а в update() добираться к нужному textarea например через DOM:

Выделить код

Код:

function update(input){
 var textarea=input.parentNode.parentNode.getElementsByTagName('TEXTAREA')[0];
 alert(textarea.value);
 //далее отправляем ajax-запрос
}

SMiX · №11

Пасиб так и сделаю

SMiX · №12

Теперь пишет

this.parentNode has no properties

Поправил строку

Выделить код

Код:

var textarea=input.parentNode.parentNode.getElementsByTagName('TEXTAREA')[0];

на

Выделить код

Код:

var textarea=this.parentNode.parentNode.getElementsByTagName('TEXTAREA')[0];

Можно через document.getElementById, Но хотелось бы продолжить идею с parentNode

Полезная информация

№101-12-2006 20:01:01