P.S. согласен, нужно было добавить сразу, что такой элемент нужно создать. Исправил!

Этим элементом, насколько я сейчас понимаю и является div с id newElementConteiner.

Итак. Спорный вопрос – чья это ошибка. Но очень настоятельно советую в этом примере написать о создании этого блока и наглядно показать (в разлинованной рамочке, у вас красиво смотрится)

P.S.: О том, как я выявил ошибку, тоже могу сказать. Это очень простой и надежный метод (как оказалось).
Достаточно сохранить как веб страницу целиком (со всеми вспомогательными файлами) через браузер. Далее выбрасывать всё лишнее из неё, пока не останется только тот пример который нужен. Далее сравнить код примера и код с ошибкой.
Эту методу можете рекомендовать всем у кого ошибки в примерах.

P.P.S: Ну вроде все. Удачи вам, proglammer. Продолжайте дальше писать эти полезные уроки.

var newElementVar = new Element(’div’, {
‘id’: idValue,
‘text’: textValue
});
newElementVar.inject(bodyWrapVar, ‘top’);
};

var removeDiv = function() {
$(’newElementContainer’).set(’html’, »);
}

window.addEvent(’domready’, function() {
$(’new_div’).addEvent(’click’, newDiv);
$(’remove_div’).addEvent(’click’, removeDiv);
});

не забудьте все это поставить в тег script с атрибутом type=»text/javascript», как в исходном коде.

в коде примера я нашел у себя ошибочку, уже исправил, но она в функции удаления нового блока. в остальном пока не вижу ничего. попробую еще подумать пока.

Тем не менее попробую здесь написать js код.

// Тут определяется функция
var newDiv = function() {
var bodyWrapVar = $(’newElementContainer’);
var idValue = $(’id_input’).get(’value’);
var textValue = $(’text_input’).get(’value’);
var newElementVar = new Element(’div’, {
‘id’: idValue,
‘text’: textValue
});
//на русском это звучит так: вставить переменную newElementVar
//в верхнюю часть внутри элемента bodyWrapVar
newElementVar.inject(bodyWrapVar,’top’);
};

var removeDiv = function() {
//эта строка удаляет внутренний html код
//(все, что находится внутри тега div)
$(’newElementContainer’).set(’html’, »);
}
// Вызовы функции
window.addEvent(’domready’, function() {
$(’new_div’).addEvent(’click’, newDiv);
$(’remove_div’).addEvent(’click’, removeDiv);
});

подозреваю, что событие domready вы проставляете, т.к. в случае правильного кода отсутствие прослушки на это событие ошибку не вызывает.

а ошибка выскакивает сразу по загрузке страницы или при нажатии на кнопку создания блока?

У кого такая же проблема?

Кто может подсказать как исправить?