Форум PHP программистов > DHTML, копирование слоя средствами JavaScript

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: DHTML, копирование слоя средствами JavaScript

Johnny

19.03.2008 - 17:11

Господа, здравствуйте!

Возникла, значит, следующего вида задача...

На страничку выводится форма. Код такой:

Код

<DIV id = "all">

<DIV id = "form">
<FORM>
<INPUT NAME = "name">
.
.
.
</FORM>
</DIV>

</DIV>
<A href = "#" onClick = "addField();">добавить форму</A>

требуеться динамически множить эту форму.
Т.е. изначально один слой c ID=form выводиться на страницу сразу средствами PHP, а в дальнейшем пользователь нажав на ссылку ДОБАВИТЬ ФОРМУ должен иметь возможность добавлять новые формы (копии исходной)

вобщем вот такой код у меня не работает:

Код

/************************************************************/
function addField()
{
var all = document.getElementById('all');
var field_content = document.getElementById('form');
var new_field = document.createElement('div');
new_field = field_content;
all.appendChild(new_field);
}
/************************************************************/

буду весьма благодарен за помощь!

Спустя 1 день, 17 часов, 10 минут, 6 секунд (21.03.2008 - 09:21) Johnny написал(а):

Люди-человеки, совсем чтоль без вариантов!?

Спустя 45 минут, 23 секунды (21.03.2008 - 10:06) Пыхтящий написал(а):

может быть

Код

var field_content = document.getElementById('form').innerHTML;

?
а потом

Код

new_field.setAttribute('innerHTML', field_content);

Спустя 3 часа, 12 минут, 10 секунд (21.03.2008 - 13:18) Johnny написал(а):

ПАСИБО!!!!!
РАБОТАЕТ, блин!!!

Спустя 32 минуты, 34 секунды (21.03.2008 - 13:51) Johnny написал(а):

только вот так лучше работает:

Код

function addField()
{
var all = document.getElementById('all');
var field_content = document.getElementById('field').innerHTML;
var new_field = document.createElement('div');
new_field.innerHTML = field_content;
all.appendChild(new_field);
}

_____________

Быстрый ответ:

Здесь расположена полная версия этой страницы.