Форумы портала PHP.SU :: Версия для печати

1. daglas1 - 09 Апреля, 2014 - 18:12:05 - перейти к сообщению

Всем привет.
Я jquery только учу. По примерам взятым из https://jqueryui[dot]com/dialog/
Научился создавать диалоговое окно по нажатию на кнопку.
А нужно несколько инная задача, выводить диалоговое окно при попытке отправить форму - то на событие onsubmit, и чтобы сабмит формы не происходил пока пользователь не закроет диалоговое окно.
Подскажите как это сделать?

2. Viper - 09 Апреля, 2014 - 19:06:20 - перейти к сообщению

Как-то так.

CODE (javascript):
скопировать код в буфер обмена

$('form').submit(function(e){
        e.preventDefault();
 
        var _this = $(this),
                dialog = $('<div id="dialog_form" title="My title"><p></p></div>').appendTo('body');
 
        dialog.dialog({
                dialogClass: 'dlg',
                modal: true,
                width: 800,
                height: 520,
                close: function(event, ui){
                        dialog.remove();
                        _this.trigger('submit');
                },
                buttons: [
                        {
                                text: 'Ok',
                                id: 'button_ok',
                                click: function(){
                                        // код выполняемый при клике на кнопку
                                }
                        },
                        {
                                text: 'Close',
                                click: function(){
                                        dialog.remove();
                                        _this.trigger('submit');
                                }
                        }
                ]
        });
 
        // Загружаем html в dialog
        dialog.load('http://localhost/index.php?task=blabla');
 
        // или html с уже текущей страницы
        //dialog.html($('#some_element'));
});