Forum Webscript.Ru

Программирование => JavaScript & JScript => Тема начата: Lucent от 30 Января 2007, 16:14:18

Название: Динамическое создание элемента
Отправлено: Lucent от 30 Января 2007, 16:14:18
Есть картинка в тексте (без div, span возле нее).
Необходимо динамически создать (над/под ней ) новый элемент, скажем DIV c текстом.

пробую так, но не получается
насколько я понимаю, img - не контейнер и добавить дочерний узел не получится



Название: Динамическое создание элемента
Отправлено: andymc от 30 Января 2007, 18:34:22
Действительно, в справке написано, что appendChild() действует только если нужный элемент (img в данном случае) способен contain child nodes (иметь детей?...)

Альтернативный вариант с абсолютным позиционированием
Код: [Выделить]


"ssd"
Название: Динамическое создание элемента
Отправлено: CGVictor от 30 Января 2007, 23:16:45
Lucent
Да, создание в base_object (только все же body, наверно) сработает.

Некрасивый вариант img.outerHTML += \'<..>\' не подойдет в даном случае?
Название: Динамическое создание элемента
Отправлено: andymc от 31 Января 2007, 02:36:28
CGVictor
outerHTML - NN n/a (то есть только для IE)
Название: Динамическое создание элемента
Отправлено: hanslinger от 31 Января 2007, 10:23:17
можно после картинки сделать insertAfter, вставить туда DIV с position: relative; width: imgOffestWidth; height: imgOffsetHeight; left: -imgOffsetWidth; top: -imgOffsetHeight;
В самом простом случае это должно сработать.

Можно присвоить всем этим картинкам класс и на onload заменять их на дивы с соответствующим бэкграундом.

Можно вставлять перед картинкой див, а потом аппендить в этот див картинку (тогда она исчезнет из своего первоначального места)

Вариантов-то тонна :)
Название: Динамическое создание элемента
Отправлено: Altum от 25 Апреля 2007, 10:49:40
А у меня вот какая проблема: есть скрипт добавляющий и удаляющий элементы input. В IE почему-то он не работает. В чём может быть проблема?







   
      
      
      
   

         Имя:
      
         Фамилия:
      
         E-mail
      


   
      
   

         
      



Название: Динамическое создание элемента
Отправлено: andymc от 25 Апреля 2007, 13:40:28
В начале функции поменяй
Код: [Выделить]
if (document.all) {
var tbody = document.getElementById(\'tb_items\').childNodes[0];
} else {
var tbody = document.getElementById(\'tb_items\');
}
Название: Динамическое создание элемента
Отправлено: Altum от 25 Апреля 2007, 13:57:48
andymc
СУПЕР!!! Спасибо!!! Заработало!!!