Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > добавление контролов

Автор: integral 5.6.2008, 11:15

В тупик поставила такая задача:
в упрощеном виде - есть текстовое поле и кнопка "добавить". прользователь вводит чего-то в поле, кликает добавить, и введеный ним текст появляется на странице, а текстовое поле и кнопка смещаются вниз. Как такое сделать, никаких перегрузок страницы и вообще обращений к серверу не должно быть.
спасибо за будующие ответы smile

Автор: bars80080 5.6.2008, 11:40

Код


<script>
function instxt() {
    document.getElementById('ins').innerHTML += document.getElementById('ins_txt').value + '<br />';
}
</script>
<div id="ins">
</div>
<input id="ins_txt" />
<input type="button" value="insert" onclick="instxt();" />

Автор: integral 5.6.2008, 15:58

спасиб, помогло)
а есть такое же красивое решение для удаления того, что таким способом было доюавленно?
т.е. при добавлении добавляется строка с клавишей, которая удаляет эту строку и себя

Автор: bars80080 5.6.2008, 16:22

Код

<script>
function instxt() {
    document.getElementById('ins').innerHTML += '<p>' + document.getElementById('ins_txt').value + '<input type="button" value="delete" onclick="fdelete(this);" /></p>';
}
function fdelete(x) {
    var par = x.parentNode.parentNode;
    par.removeChild(x.parentNode);
}
</script>
<div id="ins">
</div>
<input id="ins_txt" />
<input type="button" value="insert" onclick="instxt();" />

Автор: integral 5.6.2008, 17:10

спасибо! осталось это только осмыслить smile

Добавлено через 4 минуты и 14 секунд
в Мозилле не работает только у меня?

Автор: bars80080 6.6.2008, 09:51

у меня отлично работает в ИЕ6, фаерфоксе и опере