Jquery fadeout-fadein html data

[invisible93]

Ciao a tutti,

ho un problema con il seguente jquery

<script type="text/javascript">
        $(document).ready(function() {
            // submit form using $.ajax() method
            $('#reg-form').submit(function(e){
                e.preventDefault(); // Prevent Default Submission
                $.ajax({
                    url: 'submit.php',
                    type: 'POST',
                    data: $(this).serialize()// it will serialize the form data
                })   
               .done(function(data){
                               $('#form-content').fadeIn('slow', function(){
                               $('#form-content').fadeIn('slow').html(data);
                                                                                                                }
                                                                                                              );
                                                       })
                    .fail(function(){
                        alert('Ajax Submit Failed ...');
                    });
            });
        });
    </script>

​Il fadein mi restituisce quello che trova nella pagina submit.php.Come posso fare per fare apparire anche il contenuto del form che nasconde il fadeout?


Posso fare tipo un append o qualcosa del genere?


Grazie

[cavicchiandrea]

E il fadeout dov'è?

[invisible93]

E il fadeout dov'è?

Scusa mi sono accorto che ho postato il codice di quando facevo le prove

Eccolo:

script type="text/javascript">
        $(document).ready(function() {
            // submit form using $.ajax() method
            $('#reg-form').submit(function(e){
                e.preventDefault(); // Prevent Default Submission
                $.ajax({
                    url: 'submit.php',
                    type: 'POST',
                    data: $(this).serialize()// it will serialize the form data
                })   
               .done(function(data){
                               $('#form-content').fadeOut('slow', function(){
                               $('#form-content').fadeIn('slow').html(data);
                                                                                                                }
                                                                                                              );
                                                       })
                    .fail(function(){
                        alert('Ajax Submit Failed ...');
                    });
            });
        });
    </script>

[cavicchiandrea]

Il fadeout non centra nulla tu sovrascrivi '#form-content' con html se vuoi mantenere il form devi aggiungere un div "risposta" nel layout del form e inserire in quest'ultimo la risposta della pagina submit.php (data)

[invisible93]

Giusto... grazie mille! sto imparando ora a fare qualcosina in jquery ^^
Facendo così ottengo il risultato voluto

script type="text/javascript">
        $(document).ready(function() {
            // submit form using $.ajax() method
            $('#reg-form').submit(function(e){
                e.preventDefault(); // Prevent Default Submission
                $.ajax({
                    url: 'submit.php',
                    type: 'POST',
                    data: $(this).serialize()// it will serialize the form data
                })   
               .done(function(data){
                        $('#loading-image').hide();
                        $('#form-content').fadeOut('slow', function(){
                            $('#form-content').fadeIn('slow');
                            $('#risposta').fadeIn('slow').html(data);
                        }
                        );
                    })
                    .fail(function(){
                        alert('Ajax Submit Failed ...');
                    });
            });
        });
    </script>

Grazie ancora