Imagen mientas se envia formulario

[isabelramirezmontoya]

Chicos buenos días, me pueden dar una mano

Tengo un formulario con el campo archivo. Cuando se envía el formulario (con archivo) y el archivo es muy grande, la operación puede tardar varios segundos, lo cual puede confundir al usuario y pensar que la pagina esta bloqueada. Existe alguna forma de colocar una imagen (reloj) cuando inicia el envió del formulario y que desaparezca cuando se termine de enviar el formulario.

Gracias por su tiempo

[ipraetoriux]

...usas Ajax para enviar el formulario?

[caricatos]

Hola:

Supongo que el formulario se enviará a un iframe, sino no tendría sentido la pregunta... el evento de envío (submit) puede servir para mostrar una imagen oculta con estilos... onsubmit="mostrar_reloj()"...

Saludos

[emprear]

Si estás utilizando ajax, esta es una alternativa
http://foros.emprear.com/ajax/ajax_t..._ajax_fdw.html
como el php solo hace el upload y esto no te genera respuesta en el Ajax, tras la subida hace un echo, verificá la respuesta y llamá detener()

Si estás utilizando un iframe, no varia mucho, llamás iniciar() en el submit como te dijo @caricatos, y haces que tras la confirmación de la subida del archivo por el php, este imprima un ascript llamando a detener() en el parent

te aclaro que lo que cuenta es el reloj, la barra de progreso es solo "decorativa", y puede ser poco útil si el proceso tarda mucho. Se podría sin embargo, hacer que se reinicie, o mostrar un gif tipo loader
SAludos

[cesarin3134]

prueba con algo asi

Código Javascript:

function loadingAjax(div_id)  
{  
    $("#"+div_id).html('<img src="ajax-loader.gif"> saving...');  
    $.ajax({  
        type: "POST",  
        url: "script.php",  
        data: "name=cesar&id=28",  
        success: function(msg){  
            $("#"+div_id).html(msg);  
        }  
    });  
}
 

[caricatos]

Hola:

Iniciado por cesarin3134

prueba con algo asi
...

Cargar toda una librería para mostrar una imagen no creo que sea buena solución... sino deberías mostrar la definición de $()...

Saludos