Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: как создать элемент формы?
 
 автор: Mootch   (08.12.2005 в 11:03)   письмо автору
 
 

как создать элемент формы с помощью JS?

   
 
 автор: Timon   (08.12.2005 в 12:12)   письмо автору
 
   для: Mootch   (08.12.2005 в 11:03)
 

есть такой способ, не очень красивый, но все же. в форму можно поместить div, у него есть свойство innerHTML в которое можно писать все что угодно, в том числе теги.

например:
<form ...>
<div id='div1"></div>
</form>

js

document.getElementById('div1').innerHTML='<input type='text' value=''...></input>';

попробуй, поидеи должно работать

   
 
 автор: Crux   (08.12.2005 в 14:13)   письмо автору
 
   для: Timon   (08.12.2005 в 12:12)
 

способ верен, но я бы посоветовал использовать вместо div'а тэг span.
ещё для динамического добавления элементов в докумунт страницы есть такие методы как createElement(), setAttribute() и appendChild().

   
 
 автор: Киналь   (08.12.2005 в 19:15)   письмо автору
 
   для: Mootch   (08.12.2005 в 11:03)
 

А может, проще его заранее в невидимый div загнать?

   
 
 автор: Mootch   (08.12.2005 в 19:32)   письмо автору
 
   для: Киналь   (08.12.2005 в 19:15)
 

В форуме phpBB есть функция голосования. Нажимаешь "добавить вариант" и пояыляется новое поле. Как это сделать?

только без перезагрузки страницы =)

   
 
 автор: Igorek   (09.12.2005 в 15:41)   письмо автору
 
   для: Mootch   (08.12.2005 в 19:32)
 

Тебе и пишут - загнать то, что должно появиться в невидимый div, а потом при каком-то событии (например, нажатие кнопки) сделать его видимым.

   
 
 автор: 12345   (09.12.2005 в 16:54)   письмо автору
 
   для: Mootch   (08.12.2005 в 19:32)
 

Наверное, надо не одно новое поле а столько, сколько раз нажата кнопка?

Во 2-м посте тоже написали, что делать, только надо написать не "=", а "+=" к innerHTML - добавлять коды, и каждый раз, конечно, менять содержимое, чтобы вписывать новый id в input.

Добавлю только, что через методы DOM делается то же самое, только немного длиннее, а выглядит "круче". Видишь ли, не просто-наглядно s1.innerHTML+="<input id=in"+i+" size=10>"; , а пишешь сначала in1=document.createElement('INPUT'), потом in1.setAttribute("id","in"+i); потом s1.appendChild(in1), где s1=document.getElementById('span1'); - id того самого span, в который собираетесь вставлять input-ы.

   
 
 автор: Mootch   (11.12.2005 в 18:38)   письмо автору
 
   для: 12345   (09.12.2005 в 16:54)
 

А как проверить существует ли элемент с нужным мне ID ?
я нашел только такой способ:

 if (elem = document.getElementById('ufile'+num)){}


Целесообразно ли его юзать?

   
 
 автор: Mootch   (11.12.2005 в 19:52)   письмо автору
 
   для: 12345   (09.12.2005 в 16:54)
 

элементы создать получилось. Только при нажатии на кнопку - значения (value) элементов обнуляются.
И почему-то их value'ы не доходят до скрипта-обработчика, даже если элемент создан не JS. (тэг </form> стоит после </span> ;))

   
 
 автор: 12345   (11.12.2005 в 20:12)   письмо автору
 
   для: Mootch   (11.12.2005 в 19:52)
 

А name у этих элементов разные?

> if (elem = document.getElementById('ufile'+num)){}
так и проверяют, или if (document.getElementById('ufile'+num)){}

   
 
 автор: Mootch   (11.12.2005 в 20:16)   письмо автору
 
   для: 12345   (11.12.2005 в 20:12)
 

да

   
 
 автор: 12345   (11.12.2005 в 20:42)   письмо автору
 
   для: Mootch   (11.12.2005 в 20:16)
 

Тогда должен, но не обязан, что случается с innerHTML при работе с формами. Раз он не идёт, вписывайте value за ним в следующем операторе. Или пользуйтесь методами DOM, у них меньше глюков при работе с формами, хотя тоже есть.

   
 
 автор: Mootch   (11.12.2005 в 20:48)   письмо автору
 
   для: 12345   (11.12.2005 в 20:42)
 

Эта ошибка возникает только в опере. Как быть? Оперолюбов оставлять без этой возможности ?

   
 
 автор: 12345   (11.12.2005 в 20:52)   письмо автору
 
   для: Mootch   (11.12.2005 в 20:48)
 

Я ж говорю, "вписывайте value за ним в следующем операторе"

А вот если name есть, тег создан не в JS, а он не отправляется, то тут в HTML где-то ошибка

   
 
 автор: Mootch   (11.12.2005 в 20:59)   письмо автору
 
   для: 12345   (11.12.2005 в 20:52)
 

>Я ж говорю, &quot;вписывайте value за ним в следующем
>операторе&quot;

я про "И почему-то их value'ы не доходят до скрипта-обработчика, даже если элемент создан не JS"

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования