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

HuKoLaU

Дата 23.5.2006, 19:05 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 47
Регистрация: 30.4.2006
Где: Беларусь, г.Бобр уйск

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

Как с помощью Java Script можно по нажатию кнопки добавить новое текстовое поле?

dstorm81

Дата 23.5.2006, 21:39 (ссылка)

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

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

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

Код


<html>
<head>
<script>
function aa()
{
document.getElementById('cA').innerHTML+='<textarea cols=20 rows=20></textarea>' 
}
</script>
</head>
<body>
<input type=button value="add textarea" onclick=aa()>
<div id=cA>
</div>
</body>
</html>

ВОТ ТАК

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

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

pythonwin

Дата 24.5.2006, 13:38 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник
Сообщений: 2529
Регистрация: 18.4.2006
Где: за компом

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

Класно!!!

А вот в MochiKit это было бы лучше:

Код


<html>
<head>
<script type="text/javascript" src="http://mochikit.com/MochiKit/MochiKit.js"></script>
<script>
function aa()
{
document.forms[0].appendChild(INPUT({type:'text', id:'input_1', name:'input1'}, 'input text'))}
</script>
</head>
<body>
<form metod="POST" action="#">
<input type=button value="add textarea" onclick="aa(); return false;">
</form>
</body>
</html>

P.S.
http://mochikit.com/
http://mochikit.com/examples/interpreter/index.html

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

портал по Python
раздел на винграде по Python
язык Python

HuKoLaU

Дата 24.5.2006, 19:31 (ссылка)

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

Загрузка ...

dstorm81
Можно ли при этом способе новому обьекту задавать id, имя задать получается?

dstorm81

Дата 24.5.2006, 20:31 (ссылка)

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

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

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

document.getElementById('cA').innerHTML+='<textarea cols=20 rows=20 id='+needName+'></textarea>'
needName можешь сам генерить, можешь через uniqueId

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

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

pythonwin

Дата 31.5.2006, 12:04 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник
Сообщений: 2529
Регистрация: 18.4.2006
Где: за компом

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

HuKoLaU
У вас получилось?

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

портал по Python
раздел на винграде по Python
язык Python

12345c

Дата 31.5.2006, 18:30 (ссылка)

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

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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

Можно задавать атрибуты, так делается через DOM:

Код

<B>Добавление новых полей ввода в форму.</B><br>
<form name=e1>
<a href=# onclick=creat();return!1>сделать</a><br>
<input type=button name=b1 id=b11 onclick=creat(); value=сделать><br>
<input name=i1 id=i11><br>
<span id=s1></span>
<script>//alert(document.location.pathname);
d=document;d.ID=function(I){return this.getElementById(I);}
ii=0;
    
creat=function(){    in1=d.ID("e1");
    (jj=d.createElement('INPUT')).setAttribute("name",'j'+(++ii));    jj.size=4;
    jj.setAttribute("value",jj.name);
    s1.appendChild(jj);
    s1.appendChild(d.createElement('BR'));
}
</script>

Для текстарий аналогично.

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

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

dstorm81

Дата 1.6.2006, 15:31 (ссылка)

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

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

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

2 pythonwin, в следующий раз когда будешь отвечать на вопрос, сделай дело - представь код полностью, то есть вырежи нужную функцию из либы которую ты юзаешь.
и запости целиком ВСЮ.
З.Ы. из личного опыта: раздражает когда тебе надо еще куда то лезть и что-то искать, тем более когда ты новичок...

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

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

12345c

Дата 1.6.2006, 17:07 (ссылка)

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

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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

Хе, я вообще не берусь за разбор задач, в которых, чтобы прояснить суть, надо сделать не больше 5-6 кликов. Разве что когда совсем нечего делать или задача заинтересовала smile

.

Поэтому лучше, если выкладывают работающий пример или код, который копируется, и не надо настраивать Апач, PHP и базу данных. smile

Это сообщение отредактировал(а) 12345c - 1.6.2006, 17:07

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

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

12345c

Дата 2.6.2006, 15:16 (ссылка)

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

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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

Действительно, давайте выделим посты из этого обсуждения в тему "Как не раздражаться на новичков smile

". Через час-два приду, выделю, а пока может кто предложит лучшее название для темы? smile

pythonwin, я вообще не вижу проблемы и чьих-то наездов на кого-либо.
dstorm81 - он высказал свою точку зрения.

pythonwin

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

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

Загрузка ...

Эксперт

Профиль
Группа: Участник
Сообщений: 2529
Регистрация: 18.4.2006
Где: за компом

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

Цитата(12345c @ 2.6.2006, 22:16

)

pythonwin, я вообще не вижу проблемы и чьих-то наездов на кого-либо.

Согласен!
У меня ни кому претензий НЕТ!

Добавлено @ 11:15

Цитата(12345c @ 2.6.2006, 22:16

)

dstorm81 - он высказал свою точку зрения.

Я тоже высказал свою точку зрения.

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

портал по Python
раздел на винграде по Python
язык Python

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