Submit with JQuery in firefox 3 & opera in modal dialog by SimpleModal
I am trying to submit a form that is displayed in the SimpleModal dialog, but my submit never gets called when I use FF3 and Opera (Chrome, Safari and IE works). I am using the following code:
function ShowModal(rendercontainerid, modalcontainerid, url) {
if (url == '')
return;
$.get(url, function(data) {
$(rendercontainerid).html(data);
$(rendercontainerid).modal({
close: false,
containerId: modalcontainerid,
onOpen: function(dialog) {
dialog.overlay.fadeIn('slow', function() {
dialog.container.slideDown('slow', function() {
dialog.data.fadeIn('slow');
});
});
},
onClose: function(dialog) {
dialog.data.fadeOut('slow', function() {
dialog.container.slideUp('slow', function() {
dialog.overlay.fadeOut('slow', function() {
$.modal.close(); // must call this!
});
});
});
}
});
});
}
function CloseDialog() {
$.modal.close();
}
function SubmitAndClose(rendercontainerid) {
$(rendercontainerid).find('form').submit();
CloseDialog();
window.location = window.location;
}
function AjaxSubmitAndClose(rendercontainerid) {
var form = $(rendercontainerid).find('form');
var url = $(form).attr('action');
var postData = $(form).serializeArray();
var options = {
dataType: 'json',
success: AjaxSubmitSucces
};
$(form).ajaxSubmit(options);
}
function AjaxSubmitSucces(data) {
if (data.ErrorMessage != '') {
alert(data.ErrorMessage);
}
else if (data.RedirectUrl != '') {
CloseDialog();
window.location = data.RedirectUrl;
}
}
I was also trying to hook into the jquery.form plugin for ajax posting, but then you will see that the formdata (An fckeditor) is in initial values (looks like it is cached).
0
source to share