Mostrar un Loading.. mientras se procesa el formulario.

[markshock]

Hola,

He visto en algunas páginas (ahora así de cabeza no recuerdo ningún link de muestra) en las que cuando se rellena un formulario y se hace el submit, aparece un "Loading... " mientras esta procesando los datos, y una vez ya ha realizado el proceso, se redirecciona a la página siguiente donde muestra lo que ha procesado o imprime los datos de la consulta...

Alguien sabe como hacen eso... usan javascript..? como lo hacen? por que el "Loading... " se le van incrementando los puntos "..." como si se tratara de un gif animado.

Ahora me he acordado de un link.. la web de http://gmail.google.com cuando accedes a la cuenta.

[.:.]

Eso lo podes hacer con Javascript,

en <form ...> agregas onSubmit="change"

y en head creas la funcion "change"

function change () {
document.nombredelform.nombredelbotonsubmit.value = "Procesando";
}

Y listo."

[eft0]

Tambien existe otra forma, a travez de PHP, se utiliza mucho y es buena para cuando haces consultas a BD de gran tamaño, mi experiencia a sido muy grata.

Les recomiendo vean un poco sobre esto en las funciones de control de salida:

http://www.php.net/manual/es/ref.outcontrol.php

[Cluster]

Iniciado por eft0_

Tambien existe otra forma, a travez de PHP, se utiliza mucho y es buena para cuando haces consultas a BD de gran tamaño, mi experiencia a sido muy grata.

Les recomiendo vean un poco sobre esto en las funciones de control de salida:

http://www.php.net/manual/es/ref.outcontrol.php

Podrías contarnos (con ejemplos) tus gratas experiencias con el tema enfocado a la solución PHP.

Supogo que usaras flush() y algo más para ir forzando a cada pasada de un bucle cualquiera a que PHP arroje al cliente lo que tenga en el buffer de salida..?

Un saludo,

[eft0]

Claro,

Un ejemplo basico y funcional:

Código PHP:

  <?php
ob_end_flush();
?>
 
<!-- .................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................... -->
     
<div id="div_cargando" style="display:block">
<img src="/images/waiting.gif" border="0" alt="procesando..." name="imagen_cargando">
<br>
Transfiriendo...
</div>
<?php
ob_end_flush();
flush();
?>   

Eso es, se muestra ese contenido mientras no rocese la pagina completa. Tambien cabe mencionar que los "puntos" ahi y es porque esta cosa muestre a pantalla ya que el buffer debe tener X kb o bytes antes.

Estas funciones no solo se pueden aplicar a este tipo de cosas, sino que tambien para almacenar texto en variables, como es el caso de funciones como print_r() y sus amigos, que siempre muestran el resultado en el stdout. Asi se puede procesar este resultado en la variable. Muy util para controladores de errores personalizados (error handlers).

Saludos,