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).

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

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