JQuery модальная форма DIV, которая делает window.location.href со значениями строки запроса из формы

Question

Я бы хотел использовать модальный диалог jQuery, чтобы представить пользователю 4 или 5 опций в форме. Когда пользователь нажимает кнопку «Сохранить», диалоговое окно проверяется, а затем window.location.href где-то еще, используя значения из формы в аргументах.

Я не могу найти хороший пример этого; почти каждый образец Ajax ...

Answer 1

Чтобы использовать JQuery UI Dialog, вам нужно определить HTML для него на странице, а затем вызвать dialog(), чтобы отобразить его. Это не слишком практично, когда вам нужно изменить параметры для отображения во время выполнения.

Вы можете использовать плагин, который я написал, чтобы упростить задачу такого рода. Вы можете создавать диалоги по запросу с ним. Плагин предполагает, что у вас уже установлены надлежащие JS и jQuery UI Theme. Вот плагин: http://mosttw.wordpress.com/2010/08/07/dialogwrapper-simplified-use-of-jquery-ui-dialogs/ и вот пример:

$.showDialog("Title", "Choose your option:<br/> <input type='radio' value='1'/> Option 1<p></p>... etc.", {
    buttons: {
        'Ok': function() {
            // Do your validation here

            // And then close the dialog
            $.hideDialog();
        }
    }
});

Демо-версия:

http://jsfiddle.net/BquUe/

Answer 2

Вы можете легко добиться этого, используя плагин facebox