Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Выполнение действий при активации checkbox

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
shkarbatov
Отправлено: 23 Июля, 2011 - 17:19:33
Post Id



Новичок


Покинул форум
Сообщений всего: 47
Дата рег-ции: Июль 2011  


Помог: 0 раз(а)
Наставьте пожалуйста ну путь истинный.

У меня есть 2 формы с полями, выпадающими списками, чекбоксами, обычным текстом и прочим мусором.

Задача: Необходимо сделать чекбок с двумя вариантами, при активации первого варианта чекбокса появлялась одна форма, а при активации второго чекбокса - вторая соответственно. Естественно перегружать страницу после выбора не как не нужно. В начале видна одна форма, которая выбрана по умолчанию.

Помогите реализовать задачу. Или может дадите ссылку на какой-нибудь шаблон.

Заранее благодарен!
 
 Top
OrmaJever
Отправлено: 23 Июля, 2011 - 17:36:22
Post Id



Активный участник


Покинул форум
Сообщений всего: 7540
Дата рег-ции: Янв. 2010  
Откуда: Чернигов


Помог: 299 раз(а)
если не усложнять то примерно так
CODE (htmlphp):
скопировать код в буфер обмена
  1. <style>
  2. #form1, #form2 {display:none;}
  3. </style>
  4. показать 1 форму<input type="radio" name="radio" onclick="show(1)"><br>
  5. показать 2 форму<input type="radio" name="radio" onclick="show(2)"><br>
  6. <form id="form2">
  7. form 2
  8. </form>
  9. <form id="form1">
  10. form 1
  11. </form>
  12. <script>
  13. function show(num) {
  14.         document.getElementById('form'+num).style.display = 'block';
  15. }
  16. </script>

(Отредактировано автором: 23 Июля, 2011 - 17:36:50)



-----
Если вы хотя бы 3-4 раза не решите всё выкинуть и начать заново - вы явно что-то делаете не так.
 
 Top
DeepVarvar Супермодератор
Отправлено: 23 Июля, 2011 - 17:37:26
Post Id



Активный участник


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


Помог: 353 раз(а)
Форму сделайте одну!!!
Все инпуты и текстареи заключите в абзацы <p>
Поставьте абзацам которые причастны к первому типу формы class="type1"
Тем которые ко второму типу: class="type2"

C помощью JS прячьте или показывайте те или иные части формы.

Разбирайте результат на сарвере.
 
 Top
shkarbatov
Отправлено: 23 Июля, 2011 - 17:39:23
Post Id



Новичок


Покинул форум
Сообщений всего: 47
Дата рег-ции: Июль 2011  


Помог: 0 раз(а)
Спасибо, сейчас попробую
(Добавление)
OrmaJever пишет:
если не усложнять то примерно так
CODE (htmlphp):
скопировать код в буфер обмена
  1. <style>
  2. #form1, #form2 {display:none;}
  3. </style>
  4. показать 1 форму<input type="radio" name="radio" onclick="show(1)"><br>
  5. показать 2 форму<input type="radio" name="radio" onclick="show(2)"><br>
  6. <form id="form2">
  7. form 2
  8. </form>
  9. <form id="form1">
  10. form 1
  11. </form>
  12. <script>
  13. function show(num) {
  14.         document.getElementById('form'+num).style.display = 'block';
  15. }
  16. </script>


Вроде как работает, вот только как отключить формы. То есть, если выбрал 1 показывает - 1, если 2 - то показывает 1 и 2 вместе
 
 Top
OrmaJever
Отправлено: 23 Июля, 2011 - 17:46:59
Post Id



Активный участник


Покинул форум
Сообщений всего: 7540
Дата рег-ции: Янв. 2010  
Откуда: Чернигов


Помог: 299 раз(а)
shkarbatov пишет:
Вроде как работает, вот только как отключить формы.
OrmaJever пишет:
если не усложнять

CODE (javascript):
скопировать код в буфер обмена
  1. function show(num) {
  2.         if(num == 1) {
  3.                 document.getElementById('form1').style.display = 'block';
  4.                 document.getElementById('form2').style.display = 'none';
  5.         } else {
  6.                 document.getElementById('form2').style.display = 'block';
  7.                 document.getElementById('form1').style.display = 'none';
  8.         }
  9.  
  10. }

вариант не очень но для примера пойдёт Подмигивание

(Отредактировано автором: 23 Июля, 2011 - 17:47:19)



-----
Если вы хотя бы 3-4 раза не решите всё выкинуть и начать заново - вы явно что-то делаете не так.
 
 Top
shkarbatov
Отправлено: 23 Июля, 2011 - 17:55:37
Post Id



Новичок


Покинул форум
Сообщений всего: 47
Дата рег-ции: Июль 2011  


Помог: 0 раз(а)
Спасибо большое, буду дальше делать =)
 
 Top
shkarbatov
Отправлено: 23 Июля, 2011 - 20:56:19
Post Id



Новичок


Покинул форум
Сообщений всего: 47
Дата рег-ции: Июль 2011  


Помог: 0 раз(а)
Подскажите пожалуйста, сделал форму в форме но почему-то form5 всегда видна, и при нажатии радиобаттоном на соседнюю радиобаттон ничего не происходит, текущая не исчезает и новая не появляется.
Еще вопрос, если мне необходимо сформировать форму в форме, могу ли я полученное значение из внутренней формы и из внешней формы отправить по сабмиту на обработчик? Ели да, то подскажите как именно?

<script>
function show2(num) {
if (num == 5) {
document.getElementById('form5').style.display = 'block';
document.getElementById('form6').style.display = 'none';
}
else if (num == 6){
document.getElementById('form5').style.display = 'none';
document.getElementById('form6').style.display = 'block';
}
}
</script>

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

<input type="radio" name="radio" onclick="show(5)"> Донная вкладка <br>
<input type="radio" name="radio" onclick="show(6)"> Боковая вкладка <br>

<form id="form5">
<p><input name="back_side" type="text" size="20" onkeyup="return proverka(this);" onchange="return proverka(this);"/></p>
</form>

<form id="form6">
<p><select size="1" name="donn_side">
<option value="2см">2см</option>
<option value="3см">3см</option>
<option value="4см">4см</option>
<option value="5см">5см</option>
</select></p>
</form>

Спасибо.
 
 Top
shkarbatov
Отправлено: 25 Июля, 2011 - 01:59:31
Post Id



Новичок


Покинул форум
Сообщений всего: 47
Дата рег-ции: Июль 2011  


Помог: 0 раз(а)
Спасибо большое - уже разобрался и реализовал=)
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


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



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB