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

HTML+CSS+JavaScript

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

 

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

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

тема: Динамически формируемая форма
 
 автор: shkarbatov   (23.07.2011 в 23:13)   письмо автору
 
 

Подскажите пожалуйста, сделал форму в форме но почему-то 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>

Спасибо.

  Ответить  
 
 автор: cheops   (23.07.2011 в 23:59)   письмо автору
 
   для: shkarbatov   (23.07.2011 в 23:13)
 

Вообще HTML не допускает вложенные формы, они должны следовать друг за другом.

  Ответить  
 
 автор: shkarbatov   (24.07.2011 в 00:05)   письмо автору
 
   для: cheops   (23.07.2011 в 23:59)
 

Я уже нагуглил, спасибо =)

А как можно было бы реализовать следующую задачу:

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

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

Если можно - напишите пример пожалуйста

  Ответить  
 
 автор: cheops   (24.07.2011 в 00:10)   письмо автору
 
   для: shkarbatov   (24.07.2011 в 00:05)
 

Использование jQuery допускается или это должен быть чистый JavaScript?

  Ответить  
 
 автор: shkarbatov   (24.07.2011 в 00:14)   письмо автору
 
   для: cheops   (24.07.2011 в 00:10)
 

Можно использовать и jquery, если на чистом javascript не получается.

  Ответить  
 
 автор: cheops   (24.07.2011 в 00:39)   письмо автору
 
   для: shkarbatov   (24.07.2011 в 00:14)
 

Можно начать отталкиваться от следующего скрипта
<html>
  <head>
    <title>jQuery</title>
    <script type="text/javascript" src="jquery.js" ></script>
    <script type="text/javascript">
    $(document).ready(function(){
      // Назначить обработчики события click
      // после загрузки документа
      $('#id_click').bind('click', switchstatus);
      switchstatus();
    });
    function switchstatus(){
        if($(".type1").css("display") == "block")
        {
          $(".type1").css("display", "none");
          $(".type2").css("display", "block");
        }
        else
        {
          $(".type1").css("display", "block");
          $(".type2").css("display", "none");
        }
      }
    </script>
  </head>
  <body>
    <a href='#' id='id_click'>Скрыть/отобразить</a>
    <form method="post">
    <p class="type1"><input type="text" /></p>
    <p class="type1"><input type="text" /></p>
    <p class="type2"><textarea></textarea></p>
    <p class="type2"><textarea></textarea></p>
    <div><input type="submit" value="Загрузить"></div>
    </form>
  </body>
</html>

>Можно использовать и jquery, если на чистом javascript не получается.
Да нет и на чистом JavaScript можно, только реализация времени чуть чуть больше займет.

  Ответить  
Rambler's Top100
вверх

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