Всплывающее окно после нажатия на кнопку в форме
Подскажите пожалуйста, можно ли сделать всплывающее окно, после нажатия на кнопку в форме, которая на странице http://kursy05.ru/landing/obratnaya-svyaz.php? Если это возможно, то как реализовать?
|
Смотря какое модальное окно вам требуется?
скажем вызываем окно FancyBox $("input[name='web_form_submit']").fancybox(); вызываем окно arcticModal $("input[name='web_form_submit']").click(function(){ $('#example_box').arcticmodal(); }); просто открываем какой то DIV $("input[name='web_form_submit']").click(function(){ $('#my_div').show(); }); Можно что и как угодно вызывать, принцип прост: $("#element_button").click(function(){ // тут уже указываем: что вызывать, как вызывать, какие действие производить объектам }); |
Спасибо большое. Но не получилось. Пытаюсь модальное окно вывести таким способом:
Вот сам div <div id="openModal" class="modalDialog"> <div> уууу </div> </div> Вот сам js код, который поставил перед закрывающим тегом </body> <script> $("input[name='web_form_submit']").click(function(){ $('#openModal').arcticmodal(); }); </script> |
Вернее он отображает, только после этого сразу идет переход на другую страницу, которая указана в компоненте. Можно ли как-то сделать чтобы по нажатию всплывало модальное окно с кнопкой OK. И пока пользователь не нажмет "OK" чтобы не переходило?
|
На странице есть ссылка "модальное окошко" по нажатию на нее это модальное окно нормально открывается.
|
Получилось вывести arcticModal. А можно ли сделать запрет на переход страницы, пока не закрою модульное окно?
|
kolhoz,
4 строка return false в ок $('form').submit() |
это где прописать? Не совсем понял. В самой форме или в js коде?
|
kolhoz,
<script> $("input[name='web_form_submit']").click(function(){ $('#openModal').arcticmodal(); return false; }); </script> |
Сделал, но теперь письмо не отправляется. Просто всплывающее окно и все.
|
Часовой пояс GMT +3, время: 22:49. |