При нажатии на кнопку в форме должны появлять новые поля

PREMIER

Захожу иногда
164
5 / 0
Самое важное — это мир во всём мире!

При нажатии на кнопку в форме должны появлять новые поля

« : 29.02.2008, 16:35:07 »

Прочитал пару страниц раздела, может конечно пропустил, но вроде бы нету.

Задача сделать, форму на регистрацию предприятий, образец вот здесь: http://legalfirma.ru/tmp.php?mf=regrequest.htm

Там при нажатии на кнопки: "Добавить учредителя (физическое лицо)" и "Добавить учредителя (юридическое лицо)", выпадают дополнительные 3 поля, в первом случае: "ФИО (полностью)", "Паспортые данные (с регистрацией)", "% в уставном капитале", во твором: "Наименование организации", "Реквизиты", "% в уставном капитале".

Нажимать на кнопку можно сколько угодно раз (я ради интереса тыкнул по 50 раз на каждую кнопку

) каждый раз открываются ещё 3 поля.

Я думаю, что при помощи такой сильной штуковины как FacileForms это можно реализовать, но я не знаю как, подскажите кто-нибудь пожалуйста, а я потом подскажу ещё кому-нибудь и так до тех пор пока все в мире не научаться это делать.

Записан

PREMIER

Захожу иногда
164
5 / 0
Самое важное — это мир во всём мире!

Re: При нажатии на кнопку в форме должны появлять новые поля

« Ответ #1 : 29.02.2008, 16:45:47 »

Скажу более того, что я уверен что это делается ниже приведённым кодом + в HTML указанно "onClick="insertPerson(this,1)" и "onClick="insertPerson(this,2)", но как всё это воткнуть в форму через FacileForms я пока не знаю, я уверен что здесь многие это знают.

var countp=0;
var countf=0;

function removePerson(node) {

   node.parentNode.parentNode.removeChild(node.parentNode);

}

function insertPerson(node, type) {

   var html = '';
   switch (type) {
      case 1: {
         countp++;
html += '<legend onclick="removePerson(this)" title="удалить">учредитель - физическое лицо</legend>';
         html += '<p>ФИО (полностью) :<br>';
         html += '<input type="text" name="fio'+countp+'" class="text"></p>';
         html += '<p>Паспортые данные (с регистрацией) :<br>';
         html += '<input type="text" name="passport'+countp+'" class="text"></p>';
         html += '<p>% в уставном капитале :<br>';
         html += '<input type="text" name="part'+countp+'" class="text"></p>';

         break;
      }
      case 2: {
         countf++;
         html += '<legend onclick="removePerson(this)" title="удалить">учредитель - юридическое лицо</legend>';
         html += '<p>Наименование организации :<br>';
         html += '<input type="text" name="company'+countf+'" class="text"></p>';
         html += '<p>Реквизиты :<br>';
         html += '<input type="text" name="props'+countf+'" class="text"></p>';
         html += '<p>% в уставном капитале :<br>';
         html += '<input type="text" name="part'+countf+'" class="text"></p>';
         break;
      }
   }

   var newn = document.createElement('fieldset');
   newn.innerHTML = html;

   node.parentNode.insertBefore(newn, node);

}

function putCount(node) {
   var newn = document.createElement('p');
   newn.innerHTML = '<input name="countp" type="hidden" id="count" value="'+countp+'" />'+'<input name="countf" type="hidden" id="count" value="'+countf+'" />';
   node.parentNode.insertBefore(newn, node);
   }

Записан

PREMIER

Захожу иногда
164
5 / 0
Самое важное — это мир во всём мире!

Re: При нажатии на кнопку в форме должны появлять новые поля

« Ответ #2 : 02.03.2008, 13:05:30 »

А я вот, если бы знал сказал бы, мне совсем не сложно...

Записан

PREMIER

Захожу иногда
164
5 / 0
Самое важное — это мир во всём мире!

Re: При нажатии на кнопку в форме должны появлять новые поля

« Ответ #3 : 20.03.2008, 14:21:18 »

На тот момент удалось обойтись так сказать без изысков, но вопрос остаётся актуальным, как сделать указанное выше, подскажите пожалуйста.

Записан

Re: При нажатии на кнопку в форме должны появлять новые поля

« Ответ #4 : 21.10.2009, 11:29:38 »

само динамическое добавление новых элементов к форме сделать не так сложно - намного сложнее потом организовать отправку этих элементов на нужное мыло, так они упорно отказываются именоваться. Сам щас борюсь с этой проблемой. Позже, если всё же удастся сделать их отправку вместе со всем остальным - попробую объяснить =)

Записан

PREMIER

Захожу иногда
164
5 / 0
Самое важное — это мир во всём мире!

Re: При нажатии на кнопку в форме должны появлять новые поля

« Ответ #5 : 21.10.2009, 11:32:53 »

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

Записан

bel4onysh

Новичок
2
0 / 0

Re: При нажатии на кнопку в форме должны появлять новые поля

« Ответ #6 : 27.11.2010, 09:52:47 »

Проблему динамического добавления поля вроде решил, но пока не знаю, как реализовать его появление на определённой странице и заставить отправляться с остальными данными :-).
У меня порядок действий такой:
1. Заходим в «Управление библиотекой скриптов» (manage scripts). Добавляю новый скрипт, даю ему понятный заголовок, публикую, указываю пакет FF, присваиваю имя, например, ff_elementcreate, указываю тип «действие элемента».
Потом прописываю код скрипта и сохраняю:

Код

function ff_elementcreate(element, action)
{
  var createtime = new Date().getTime();

  var Form = document.getElementById('ff_form12')
  var Inner = document.createElement('input');
  Inner.type = 'text';
  Inner.value = '';
  Inner.name = 'size___' + createtime;
  Form.appendChild(Inner);
  
  var Br = document.createElement('br');
  Form.appendChild(Br);

} // ff_elementcreate

2. Нужной кнопке на форме указываю Actionscript из библиотеки, выбираю имя моего скрипта. Затем сохраняю и все начинает работать.

Теперь осталось выяснить, как сделать, чтобы элемент появлялся в нужном месте и отправлялся с остальными данными формы.

Записан

Обязательные к заполнению поля Автор onyx1337	Ответов: 2 Просмотров: 3052	03.02.2010, 19:45:13 от Olg
Как вывести поля в таблицу? Автор RU-ITA	Ответов: 1 Просмотров: 3531	21.07.2009, 13:26:20 от RU-ITA
В IE7 некликабельны поля ввода input Автор Krishnasurya	Ответов: 1 Просмотров: 3345	05.05.2009, 06:38:18 от Krishnasurya
А как кнопку отправки сделать?? Автор Serh1O	Ответов: 6 Просмотров: 6223	25.02.2009, 11:30:38 от malshka13
При нажатии на кнопку "назад" (back) происходит повторная отправка запроса Автор Evialroot	Ответов: 0 Просмотров: 2552	13.06.2008, 13:24:07 от Evialroot

При нажатии на кнопку в форме должны появлять новые поля - FacileForms

Новости Joomla

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

PREMIER

При нажатии на кнопку в форме должны появлять новые поля

PREMIER

Re: При нажатии на кнопку в форме должны появлять новые поля

PREMIER

Re: При нажатии на кнопку в форме должны появлять новые поля

PREMIER

Re: При нажатии на кнопку в форме должны появлять новые поля

Re: При нажатии на кнопку в форме должны появлять новые поля

PREMIER

Re: При нажатии на кнопку в форме должны появлять новые поля

bel4onysh

Re: При нажатии на кнопку в форме должны появлять новые поля

Похожие темы