Вход • Регистрация

Как закрыть форму

  •
  • 30 марта 2015 г. , редакция: 30 марта 2015 г.
  • Есть форма, вызывающееся во всплывающем окне:

    Код
    <span class="request-head">Обратный звонок</span>
    <div class="request-body">
    // Тут содержимое
    </div>

    <script type="text/javascript">
    $(function() {
    $('.request-body').hide();
    $('.request-head').click(function(){
    $(this).next().toggle();
    })
    });
    </script>


    Нажатие на "Обратный звонок" открывает, повторное нажатие - закрывает. Все нормально.
    Но еще надо сделать, чтобы кнопка закрытия была на самой форме.

    Пока пробую вот так:
    Код
    <span class="request-head">Обратный звонок</span>
    <div class="request-body">
    <button class="request-head">Закрыть</button>
    // Тут содержимое
    </div>

    Но при этом, форма только сворачивается. А как надо, чтобы форма полностью закрылась после нажатия на кнопку "Закрыть"?
    • 30 марта 2015 г.
    • все оказалось очень просто
      • 30 марта 2015 г.
      • можно делать не hide а remove()
        •
        • 30 марта 2015 г.
        • не, так вообще форма не открывается.
          Цитата
          все оказалось очень просто
          имел ввиду, что заказчик отказался от этой затеи, передумал.

          А так то надо приготовить вариант всплывающего окна с корректно работающей кнопкой "закрыть".
          • 30 марта 2015 г.
          • надо было так:

            Код

            $(document).ready(function() {

            $(".request-head").click(function(){
            $(".request-body").fadeOut("fast");
            });

            });
            • 31 марта 2015 г.
            • Благодарю Вас, Александр. Но увы, не работает.
              Видимо надо использовать иной движок, где уже предусмотрена кнопка закрытия на самой форме и не мучиться с этим.
              Хотя если б не эта кнопка, то код интегрируется прекрасно, ни с чем не конфликтует, и дизайн верстается за минуты.
            •
            • 31 марта 2015 г. , редакция: 31 марта 2015 г.
            • При нажатии на опцию (она в фиксированном верхнем меню) "Обратный звонок" всплывает в центре экрана форма заказа звонка. При повторном нажатии на "Обратный звонок", форма закрывается. Это все есть, готово, работает.
              На форме нужна кнопка для закрытия формы (т.е. форма должна закрываться и без нажатия на "Обратный звонок").
  •
  • 31 марта 2015 г.
  • Вот такая штука заработала как надо:
    Код
    <a class="request-head" href="javascript:void(0)" onclick = "document.getElementById('request-body').style.display='block';document.getElementById('fade').style.display='block'">Обратный звонок</a>
    <div id="request-body" class="request-body">
    <a class="close-btn" href="javascript:void(0)" onclick = "document.getElementById('request-body').style.display='none';document.getElementById('fade').style.display='none'" title="Закрыть">Закрыть</a>
    // Содержимое окна
    </div>

Новости

  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля, среда
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
  • Новость. Сборка. Тарифы
  • 15 декабря 2023 г.
  • Подводим итоги 2023 года. Выпустили новую сборку DIAFAN.CMS 7.1.1, вводим новые тарифы на аренду сайта и коммерческую поддержку и автообновления с января 2024 г., строим планы на будущий год.
Все новости