1

Здравствуйте дорогие друзья. Помогите пожалуйста реализовать следующее. У меня есть модальное окно:

введите сюда описание изображения

Мне нужно сделать, чтобы после нажатия на кнопку "Отправить" модальное окно закрывалось. Я так понимаю, мне для этого по событию onclick нужно нажать на DIV крестика. Подскажите как это правильно реализовать?

    <script type="text/javascript">
    function clickSend()
    {
      document.getElementsById("cboxClose").click();
    }
    </script>
<input type="submit" value="Отправить" name="form[ok]" id="ok" onclick="clickSend()" class="rsform-submit-button">

5
  • покажите ваш html и js код
    – bemulima
    25 июн 2015 в 13:20
  • Имеет смысл добавить в вопрос HTML-код (и JS-код?), необходимый для этого модального окна.
    – Regent
    25 июн 2015 в 13:20
  • Вот сама кнопка <button type="button" id="cboxClose">close</button>. А вот кнопка отправить <input type="submit" value="Отправить" name="form[ok]" id="ok" class="rsform-submit-button">
    – Игорь
    25 июн 2015 в 13:26
  • у большинства модальных окон есть API, которое позволяет это сделать. Нужно знать, какие окна Вы используете
    – Justinserg
    25 июн 2015 в 13:37
  • я использую Modals NoNumber для Joomla
    – Игорь
    25 июн 2015 в 13:41

2 ответа 2

2

Неизвестно, как реализована работа этой формы, тем не менее, закрыть такое модальное окно можно выполнив $.colorbox.close() или jQuery.colorbox.close().

Правильно будет- привязать это к успешной отправке запроса в форме и подтверждением для клиента.

Неправильно- можно, но не нужно.

2
  • Подскажите как его закрыть? function closeModal() { $.colorbox.close(); } Вешаю на кнопку onclick="closeModal()". Не срабатывает. Что я делаю не так?
    – Игорь
    25 июн 2015 в 21:30
  • посмотрите в консоли разработчика. Может там есть какие-то ошибки. Для этого нажмите F12 в браузере и выберите вкладку Console.
    – Justinserg
    26 июн 2015 в 8:33
2

У document нет функции getElementsById(лишняя s), но есть getElementById. Опечатка? Если ее исправить, то код сработает (проверил на демо страничке colorbox).

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.