Создание блока div с содержимым по нажатию кнопки
Здравствуйте.
Помогите пожалуйста решить такую проблему. Мне нужно создать тест для учеников. И нужно сделать чтобы по нажатию на кнопку добавлялся еще один вопрос и т.д. Мне кажется можно создать весь блок div с наполнением по нажатию кнопки "Добавить вопрос"? <div> <div><strong>Вопрос №</strong></div> <div><select><option>1</option><option>2</option><option>3</option></select></div> <div><a href="#" onclick="addQuestion()">Добавить вопрос</div> </div>
var num;
num = 1;
function addQuestion() {
var newdiv = document.createElement("div");
newdiv.innerHTML = "<div id='original-wrapper'>\n<div class='form-1'>\n<form id='question' method='post'>\n<div><strong>Вопрос №[ + num++]</strong></div>\n<div style='float:left'><strong>Тип вопроса </strong></div>\n<div><select>\n<option>С вариантами ответа</option>\n<option>На сопоставление</option>\n<option>С полем ввода ответа</option>\n</select>\n</div>\n<div><strong>Описание вопроса</strong></div></form></div></div>";
newdiv.appendTo('div#quest');
document.getElementById("parentId").appendChild(div);
return false;
}
Где я делаю не так? |
Batyabest,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<div>
<div>
<strong>Вопрос №</strong>
</div>
<div>
<select>
<option>
1
</option>
<option>
2
</option>
<option>
3
</option>
</select>
</div>
<div>
<a href="#" onclick="addQuestion()">Добавить вопрос</a>
</div>
</div>
<div id="parentId"></div><script>
var num = 1;
function addQuestion() {
var newdiv = document.createElement("div");
newdiv.innerHTML = "<div id='original-wrapper'>\n<div class='form-1'>\n<form id='question' method='post'>\n<div><strong>Вопрос №[ "+ num++ +"]<\/strong><\/div>\n<div style='float:left'><strong>Тип вопроса <\/strong><\/div>\n<div><select>\n<option>С вариантами ответа<\/option>\n<option>На сопоставление<\/option>\n<option>С полем ввода ответа<\/option>\n<\/select>\n<\/div>\n<div><strong>Описание вопроса<\/strong><\/div><\/form><\/div><\/div>";
//newdiv.appendTo('div#quest');
document.getElementById("parentId").appendChild(newdiv);
return false;
}
</script>
</body>
</html>
|
рони,
А что именно Вы изменили, где я сделал ошибку? И еще. Как мне в блок, который создается с помощью javascript добавить блок с php кодом?
<div><?php $inCore->insertEditor('description', $mod['description'], '200', '100%'); ?></div>
|
Цитата:
Цитата:
Цитата:
|
Цитата:
|
Batyabest,:-?
|
Цитата:
P.S. Я с ПХП не работаю... |
А как тогда реализовать всю эту задачу, что в самом начале темы, с помощью php?
|
Цитата:
Цитата:
- отправлять ajax запрос на сервер типа "дай новый вопрос" - получив ответ, показать его на странице Если ajax не по зубам: 1. При получении ответа на очередной вопрос, просто перезагружать страницу, но уже с новым вопросом 2. - сразу делать страницу со всеми вопросами - скрывать все вопросы кроме текущего - при ответе скрывать текущий, показывать следующий |
Если полная перезагрузка не устраивает попробуйте на крайний случай стары добрые фреймы))) Перезагрузка страницы будет почти незаметна.
|
| Часовой пояс GMT +3, время: 23:27. |