@Josh
The result is coming back and dsiplaying correctly.
Actually I solved like that:
var options = {
target:'.cfjq_form_target4',
beforeSubmit: function(){
$('.cfjq_form_target4').fadeOut().hide(function(){
$('.loading4').show();
});
},
success: function() {
$('.cfjq_form_target4').fadeIn('slow').show(function(){
$('.loading4').hide();
});
}
I concatenated the events to be sure to run one by one.
Problems:
1) If I do not fadeOut beforeSubmit no way to have a fadeIn effect.
2)FF show a tremors fadingOut the target div.
Andrea
On 22 sep, 11:20, "Josh Nathanson" <[EMAIL PROTECTED]> wrote:
> Are you sure your ajax call is returning what you expect? Assuming you're
> using Firebug, check the response in your Firebug "Net" tab - you should see
> an XHR request that you can click on and see what's coming back from the
> server.
>
> -- Josh
>
> ----- Original Message -----
> From: <[EMAIL PROTECTED]>
> To: "jQuery (English)" <[email protected]>
> Sent: Saturday, September 22, 2007 8:33 AM
> Subject: [jQuery] Re: fadeIn to ajax submit succes callback
>
> > I tried to get(0) the target element and is reached by the selector:
> > alert [htmlDivElement]
>
> > So the selector is reached but do not fade in ....simply appears in FF
> > and crash all the validation/ajax script in IE7???
>
> > Any help???
>
> > Thanks
>
> > Andrea
>
> > On 22 sep, 04:35, muccy <[EMAIL PROTECTED]> wrote:
> >> Are you sure $('.cfjq_form_target4') is a valid selector???
>
> >> Try to alert($('.cfjq_form_target4').get(0)) to see if you select
> >> correct page element :)
>
> >> On Sep 22, 4:54 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]>
> >> wrote:
>
> >> > Hi this is my code:
>
> >> > $(document).ready(function() {
> >> > var options = {
> >> > target:'.cfjq_form_target4',
> >> > beforeSubmit: function(){
>
> >> > $('.cfjq_form_target4').empty();
>
> >> > $('.loading4').show();
> >> > },
> >> > success: function() {
> >> > $('.loading4').hide();
> >> > }
> >> > };
> >> > $(".cfjq_form4").validate({
>
> >> > errorContainer:
> >> > $(".messageBox4"),
> >> > errorLabelContainer:
> >> > $(".messageBox4 ul"),
> >> > wrapper: "li",
>
> >> > submitHandler: function(form) {
>
> >> > $(form).ajaxSubmit(options);
> >> > }
> >> > });
> >> > });
>
> >> > If I change my success like this:
>
> >> > success: function() {
> >> > $('.loading4').hide();
> >> > $
> >> > ('.cfjq_form_target4').fadeIn('slow');
> >> > }
>
> >> > Firefox do not show the fade effect at all.
> >> > IE7 do not validate any more the form and also loose the ajax
> >> > behavior.
>
> >> > Do I miss something.
>
> >> > Andrea
