I am submitting a form using the jQuery Form Plugin
 
Once I submit the form the response automaticaly loads in where the form was
which is ugly...the form is larger than the area being updated. What I would
like to do is after the form is submitted fade the form out and slide it
back up to where the page was originally. It just jumps right now and not
clean looking at all.
 
This loads the form in its div:
$("a[class^='edit_']").click(function(){
 var url_id = $(this).attr('href');
 var x = $(this).attr('id').split('_');
 var y = x[0];
 var z = x[1];
 //alert(y + 'and' + z);
  $("#"+z).fadeTo("slow", 0.01, function(){
   $("#loading_"+z).fadeIn("fast", function() {        
    $("#"+z).slideUp("slow", function() {
     $("#"+z).load( url_id , function(){
      $("#loading_"+z).hide(function(){
       $("#"+z).fadeTo("fast", 1, function() {
        $("#"+z).fadeIn("slow");
        });  
       }); 
      });
     return false;
     });
    });
   });
  });
 
I have this forthe form
$(this).ajaxSubmit({
    type:    'post',
    url:      '/'+user+'/update/'+skill+'/'+numRand ,
    data:     queryString,
                target:   '#'+skill,
    success:     function() {$("#FUpdateForm").fadeTo("slow", 0.5,
function() {
        $("#"+skill).fadeIn("fast");
        });  } 
        
            }); 
 
But that does nothing. Does anyonehave some advise how to set this up?
 
Thanks,
 
Dave 

Reply via email to