Problema com Variável

[Joob 1]

Boas Malta,

 

Tenho um problema, em que supostamente quando clicasse no "Submit", por baixo do botão deveria aparecer o Loading, e uma mensagem após terminar o processo, mas pelo que vejo no código, aparentemente tenho tudo ok..

 

Alguém consegue-me detectar algo ?

$(document).ready(function() {

 $('#myform').submit(function(event) {
 $('#remove').Hide(); // ID of the button that will hide
 $("#myDiv").html("<img src='http://fatherofcents.com/wp-content/uploads/2011/09/loaderA16.gif'/> Please wait! <br/>The server is being done (by unpacking new platform for him). <br/>This may take a few minutes! (do not close the page and not refresh until you see the validation)!)" );
   
      $('.form-group').removeClass('has-error');
      $('.help-block').remove();

      // Take information on the shape
      var formData = {
         'servername' : $('input[name=servername]').val(),
         'rcon' : $('input[name=rcon]').val(),
         'map' : $('input[name=map]').val(),
         'serverip' : $('input[name=serverip]').val(), 
         'slots' : $('select[name=slots]').val(),
         'ports' : $('select[name=ports]').val(),
         'credits' : $('input[name=credits]').val(),
         'game' : $('input[name=game]').val()

      };

      // Look of the form
      $ .ajax ({
         type: 'POST' , 
         url: 'process2.php' , // file that will execute the script
          Data: formData, 
         datatype: 'json',
         encode: true
      })
         .done(function(data) {


            console.log(data); 

            // Information
            if (!data.success) {

               if (data.errors.servername) {
                  $('#servername-group').addClass('has-error'); 
                  $('#servername-group').append('<div class="help-block">' + data.errors.servername + '</div>'); // 
               }


               if (data.errors.rcon) {
                  $('#rcon-group').addClass('has-error'); // add the error class to show red input
                  $('#rcon-group').append('<div class="help-block">' + data.errors.rcon + '</div>');  
               }

               if (data.errors.map) {
                  $('#map-group').addClass('has-error'); // add the error class to show red input
                  $('#map-group').append('<div class="help-block">' + data.errors.map + '</div>');
               }

               if (data.errors.slots) {
                  $('#slots-group').addClass('has-error'); // add the error class to show red input
                  $('#slots-group').append('<div class="help-block">' + data.errors.slots + '</div>');
               }

               if (data.errors.ports) {
                  $('#port-group').addClass('has-error'); // add the error class to show red input
                  $('#port-group').append('<div class="help-block">' + data.errors.ports + '</div>');  
               }
            
               if (data.errors.serverip) {
                  $('#serverip-group').addClass('has-error'); // add the error class to show red input
                  $('#serverip-group').append('<div class="help-block">' + data.errors.serverip + '</div>'); 
               }


            } else {


                 $('#myDiv').Hide(); // ID of the button that will hide

               // Everything is OK , show Success message
               $('#myform').append('<div class="alert alert-success">' + data.message + '</div>');

            }
         })

         //error callback
         .fail(function(data) {

            // Show any errors
            console.log(data);
         });

      // Stop refreshvaneto page
      event.preventDefault();
   });
});

Abraço..

 

 

[William Bruno 1501]

O que acontece de errado ?

 

Aparece algo no console de erros ?

[Joob 1]

Não me dá erro nenhum propriamente a esta função..

Estou a chamar esta div "<div id='myDiv'></div>" dentro do php .. por baixo do "submit", para que fique a imagem do loading a dar, e para que me dêe a mensagem de aviso, etc.. e sucesso..

 

E estou a chamar o js dentro do "echo" - <script src='bootstrap/js/Magic.js' type='text/javascript'></script> - .. já tentei várias forças, em meter o js no mesmo sitio que o ficheiro.. e quando clico no "submit", não acontece nada..

[Lucas Guima 164]

Alguma vez já funcionou? Já debugou cada etapa?

[Joob 1]

Já vi funcionar, mas não comigo..

Comigo ainda não funcionou.. é que nem erro à cerca do código java me dá..

 

Acho estranho a função "myDiv" não ser lançada

$("#myDiv").html("<img src='http://fatherofcents.com/wp-content/uploads/2011/09/loaderA16.gif'/> Please wait! <br/>The server is being done (by unpacking new platform for him). <br/>This may take a few minutes! (do not close the page and not refresh until you see the validation)!)" );

[Lucas Guima 164]

Tem o código online?