VPF::добавление контролов - Форум программистов

integral

Дата 5.6.2008, 11:15 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 278
Регистрация: 3.7.2006
Где: Dnipropetrovs' ;k, Ukraine

Репутация: нет
Всего: нет

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

--------------------

import my.opinion.*;
жж

bars80080

Дата 5.6.2008, 11:40 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

Код


<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 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 278
Регистрация: 3.7.2006
Где: Dnipropetrovs' ;k, Ukraine

Репутация: нет
Всего: нет

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

--------------------

import my.opinion.*;
жж

bars80080

Дата 5.6.2008, 16:22 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

Код

<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 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 278
Регистрация: 3.7.2006
Где: Dnipropetrovs' ;k, Ukraine

Репутация: нет
Всего: нет

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

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

--------------------

import my.opinion.*;
жж

bars80080

Дата 6.6.2008, 09:51 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

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

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »