jQueryUI Диалог и обработка форм - PullRequest
Новая
       36

jQueryUI Диалог и обработка форм

0 голосов
/ 14 июня 2011

Я искал и могу найти вещи, которые почти кажутся работающими, но я не могу найти окончательного ответа, так что вот так ...

Используя этот код, у меня есть модальное окно jQueryUI, показывающее ... 

<script> 
jQuery(function() {
$( "#dialog" ).dialog({ closeOnEscape: true, modal: true, draggable: false, resizable: false, width: 500, height: 500, close: function(event, ui) { location.href = 'http://www.page.com' } });
});
</script> 
<div id="dialog" title="WELCOME!">
<form id="wp_signup_form" action="" method="post">
<label>Email address</label><br />
<input type="text" name="email" class="text" value="" /> <br />
<input type="submit" id="submitbtn" name="submit" value="SignUp" />
</form>
</div>

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

Как заставить модальное окно перезагрузить содержимое формы (и немного PHP, который я добавлю после этого), или перезагрузить всю страницу?

Спасибо! Крис

1 Ответ

0 голосов
/ 17 июня 2011

Я решил это, загрузив iFrame в моё модальное окно: 

 $(document).ready(function() {
        $("#modalIframeId").attr("src","http://site.com/wordpress/wp-content/themes/theme/registration.php");
       $("#divId").dialog({
               autoOpen: true,
               modal: true,
               closeOnEscape: true, 
               draggable: false,
               resizable: false,
               dialogClass: 'no-close',
               height: 500,
               width: 500,
               title: 'Sign Up'
           });
    });
      </script>

    <div id="divId" title="Dialog Title">
        <iframe id="modalIframeId" width="100%" height="100%"
        marginWidth="0" marginHeight="0" frameBorder="0" scrolling="none"
        title="Dialog Title">Your browser does not suppr</iframe>
    </div>

и вызовом registration.php в iframe, который является моей формой при необходимости.

Спасибо!

...