Всплывающее окно после нажатия на кнопку в форме
Подскажите пожалуйста, можно ли сделать всплывающее окно, после нажатия на кнопку в форме, которая на странице 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, время: 01:13. |