Enviar formulario cada x tiempo

[SeaPirates]

Hola, necesito enviar un formulario cada x tiempo sin que se recargue la pagina:

<script language="javascript" src="../js/jquery-1.3.min.js"></script>

$(document).ready(function() {
// Esta primera parte crea un loader no es necesaria
$().ajaxStart(function() {
$('#loading').show();
$('#result').hide();
}).ajaxStop(function() {
$('#loading').hide();
$('#result').fadeIn('slow');
});
// Interceptamos el evento submit
$('#form, #fat, #fo3').submit(function() {
// Enviamos el formulario usando AJAX
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
// Mostramos un mensaje con la respuesta de PHP
success: function(data) {
$('#result').html(data);
}
})
return false;
});
})

<form method="post" action="../procesar.php?room=1" id="fo3" name="fo3"
//Aquí los inputs...
</form>
<div id="result"></div>

Si le doy click al boton de enviar funciona perfectamente, no recarga y se guarda, pero lo que quiero es que se envie cada x tiempo. He provado con un setTimeout, pero con esto no funciona, porque me envia directamente a la página del action="../procesar.php?room=1"

Como lo puedo hacer?

[kokoou]

primero, debes meter el proceso que guarda el registro en una funcion:

Código Javascript:

save = function(form){
   // Enviamos el formulario usando AJAX
   $.ajax({
      type: 'POST',
      url: $('#'+form).attr('action'),
      data: $('#'+form).serialize(),
      // Mostramos un mensaje con la respuesta de PHP
      success: function(data) {
         $('#result').html(data);
      }
   });
}
 

Luego en el click de los formaularios, haces la ejecución de la función:

Código Javascript:

$('#form').submit(function(){
   save('form');
});
$('#fat').submit(function(){
   save('fat');
});
$('#fo3').submit(function(){
   save('fo3');
});
 

Y luego, creas un intervalo de tiempo en que se ejecute la funcion save()

[SeaPirates]

Lo siento, soy novato en esto del ajax

$(document).ready(function() {
// Esta primera parte crea un loader no es necesaria
$().ajaxStart(function() {
$('#loading').show();
$('#result').hide();
}).ajaxStop(function() {
$('#loading').hide();
$('#result').fadeIn('slow');
});
// Interceptamos el evento submit
$('#form, #fat, #fo3').submit(function() {
// Enviamos el formulario usando AJAX
save = function(form){
$.ajax({
type: 'POST',
url: $('#'+form).attr('action'),
data: $('#'+form).serialize(),
// Mostramos un mensaje con la respuesta de PHP
success: function(data) {
$('#result').html(data);
}
});
}

Le añadí el primer código que pusiste, pero lo demás no lo entendí.

Y luego, creas un intervalo de tiempo en que se ejecute la funcion save()

Te refieres a:
setInterval("save()",1000); ?

[kokoou]

Claro, te quedaría así:

Código Javascript:

$(document).ready(function() {
  $('#form').submit(function(){
    save('form');
  });
  $('#fat').submit(function(){
    save('fat');
  });
  $('#fo3').submit(function(){
    save('fo3');
  });
  
  setInterval("save('#ID_FORMULARIO')",1000); // se va a actualizar cada 1seg los datos del formulario que le pases como ID
});// end ready
 
save = function(form){
  // Enviamos el formulario usando AJAX
  $.ajax({
     type: 'POST',
     url: $('#'+form).attr('action'),
     data: $('#'+form).serialize(),
     // Mostramos un mensaje con la respuesta de PHP
     success: function(data) {
        $('#result').html(data);
     }
  });
}
 

[SeaPirates]

No se que hago mal, pero no guarda nada :/

Código:

$(document).ready(function() {
  $('#form').submit(function(){
    save('form');
  });
  $('#fat').submit(function(){
    save('fat');
  });
  $('#fo3').submit(function(){
    save('fo3');
  });
  
  setInterval("save('#fo3')",1000); // se va a actualizar cada 1seg los 

datos del formulario que le pases como ID
});// end ready
 
save = function(form){
  // Enviamos el formulario usando AJAX
  $.ajax({
     type: 'POST',
     url: $('#'+form).attr('action'),
     data: $('#'+form).serialize(),
     // Mostramos un mensaje con la respuesta de PHP
     success: function(data) {
        $('#result').html(data);
     }
  });
}

<form method="post" action="../procesar.php?room=1" id="fo3" name="fo3" >
    <input  type="text" name="cnarriba" value="">
<input  type="text" name="cnderecha" value="<? echo $derecha; ?>">
<input  type="text" name="cnactivado" value="">
<input  type"=text" name="editar"  type="submit" value="prueba">
</form>

[kokoou]

Código Javascript:

setInterval("save('#fo3')",1000);
 

Fijate que cuando pasas el ID como parámetro, lo tienes que pasar sin el "#" porque ya está concatenado en la función save

Código Javascript:

setInterval("save('fo3')",1000);
 

[SeaPirates]

Muchas gracias, +1

[kokoou]

De nada ;)