Форма webform в модальном окошке

Главные вкладки

Аватар пользователя tishka2 tishka2 15 июня 2014 в 23:09

Здравствуйте! Всю жизнь делал модальные окошки с помощью colorbox, пока не начал глубоко изучать jQuery, захотелось сделать свое модальное окошко, и в него поместить форму webform.

Как делаю. html

<div id="my_popup_form">
<?php
$block = module_invoke('webform', 'block', 'view', 'client-block-9');
echo $block['content'];
?>
</div>
<div id="my_popup_hover"></div>

CSS

#my_popup_form {
display:none;
position:absolute;
height:500px;
width:400px;
top:50%;
left:50%;
margin-left:-200px;
margin-top:-250px;
z-index:999;
background:#fff;
}
#my_popup_hover {
display:none;
position:absolute;
height:100%;
width:100%;
left:0;
top:0;
background:rgba(197,78,194,0.7);
z-index:989;
cursor:pointer;
}

Ну и соответственно идет код jQuery, по нажатию на что-то появляются эти 2 дива: окошко и задний фон, я думаю тут всё понятно.

Так вот столкнулся с такой проблемой, что при отправке формы идет переадресация на страницу с вебформой. А хотелось бы естественно, чтобы все обрабатывалось и выдавалось в этом окошке. Буду благодарен, если подскажете как это сделать!

Комментарии