Создайте модальное диалоговое подтверждение, что письмо было отправлено из формы - PullRequest
Новая
       13

Создайте модальное диалоговое подтверждение, что письмо было отправлено из формы

0 голосов
/ 11 августа 2011

В основном, установка выглядит следующим образом. У меня есть простая страница контактов. Пользователи выбирают получателей электронной почты, а затем вводят тему сообщения и текст. Когда они нажимают «отправить», форма отправляется с использованием jQuery, и выполняется вызов ajax, который возвращает успех (или неудачу) того, что указанное сообщение было правильно обработано и отправлено сценарием php.

В настоящее время код выглядит следующим образом. 

$(document).ready(function(){
        var options = { target: '#results' }; 
            $('#classemail').submit(function() {
                $(this).ajaxSubmit(options); 
                return false; 
            });
    });
    function fade(div_id, button) {
    if(button.value == 'Send') {
        $('#'+div_id).empty().show().delay(7000).fadeOut(1000);
    }
        }

Отправляет форму, и ответ html отображается в разделе результатов. 

<div class="results" id="results"><div>

довольно простой ... Проблема в том, что я бы предпочел сделать этот ответ обратно с модальным диалоговым окном, поскольку для его работы с ручкой div требуется реальное пространство на странице, и оно не так очевидно или интуитивно понятно, как модальное диалоговое окно было бы. С этой целью я попытался добавить такую ​​функциональность, но, честно говоря, я, вероятно, немного вышел за рамки моего текущего понимания jquery и того, как этого добиться. Это достижимо? Может ли кто-нибудь указать мне правильное направление или я должен подумать о других способах достижения этого?

Спасибо

1 Ответ

1 голос
/ 11 августа 2011

После того, как результат возвращается.Вы можете начать div, чтобы стать диалогом.диалог будет автоматически открыт по умолчанию.проверьте здесь для получения дополнительной информации о том, как его настроить.Вы также можете уничтожить диалоговое окно, если оно вам не нужно, вызвав .dialog( "destroy" )

Полностью удалите функциональность диалога.Это вернет элемент обратно в его состояние перед инициализацией.Однако вы можете захотеть очистить div перед уничтожением диалога, потому что он станет видимым. 

$(".results").dialog({modal:true});
...