Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Всплывающее окно после нажатия на кнопку в форме (https://javascript.ru/forum/jquery/54614-vsplyvayushhee-okno-posle-nazhatiya-na-knopku-v-forme.html)

kolhoz 24.03.2015 21:25

Всплывающее окно после нажатия на кнопку в форме
 
Подскажите пожалуйста, можно ли сделать всплывающее окно, после нажатия на кнопку в форме, которая на странице http://kursy05.ru/landing/obratnaya-svyaz.php? Если это возможно, то как реализовать?

Infinity178 25.03.2015 11:23

Смотря какое модальное окно вам требуется?

скажем вызываем окно 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(){
   // тут уже указываем: что вызывать, как вызывать, какие действие производить объектам
});

kolhoz 25.03.2015 15:26

Спасибо большое. Но не получилось. Пытаюсь модальное окно вывести таким способом:

Вот сам div
<div id="openModal" class="modalDialog">
	<div>
		уууу
	</div>
</div>


Вот сам js код, который поставил перед закрывающим тегом </body>
<script>
$("input[name='web_form_submit']").click(function(){
   $('#openModal').arcticmodal();
});
	</script>

kolhoz 25.03.2015 15:37

Вернее он отображает, только после этого сразу идет переход на другую страницу, которая указана в компоненте. Можно ли как-то сделать чтобы по нажатию всплывало модальное окно с кнопкой OK. И пока пользователь не нажмет "OK" чтобы не переходило?

kolhoz 25.03.2015 15:47

На странице есть ссылка "модальное окошко" по нажатию на нее это модальное окно нормально открывается.

kolhoz 25.03.2015 15:55

Получилось вывести arcticModal. А можно ли сделать запрет на переход страницы, пока не закрою модульное окно?

рони 25.03.2015 16:12

kolhoz,
4 строка return false
в ок $('form').submit()

kolhoz 25.03.2015 16:15

это где прописать? Не совсем понял. В самой форме или в js коде?

рони 25.03.2015 16:41

kolhoz,
<script>
$("input[name='web_form_submit']").click(function(){
   $('#openModal').arcticmodal();
  return false;
});
	</script>

kolhoz 25.03.2015 16:47

Сделал, но теперь письмо не отправляется. Просто всплывающее окно и все.


Часовой пояс GMT +3, время: 22:49.