Foros del Web - Ver Mensaje Individual

tonieet · #4 (**permalink**) 25/11/2015, 09:34

Cita:

Iniciado por xfxstudios

Código Javascript:

Ver originalfunction loader(){
document.getElementById('loader').style.display = 'Block';
 
}

Código HTML:

Ver original<form onSubmit="loader(); return false">
bla bla bla

alli cuando envias el form el js revela un loader gif que tendras previamente oculto, algo asi:

Código HTML:

Ver original<div id="loader" style="display:none"><img src="carpeta/loader.gif"></div>

eso seria todo!!

hola xfxstudios! muchas gracias por responder!
he hecho lo que me has dicho y efectivamente al pulsar enviar me aparece el gif animado de carga, el problema es que el formulario no se envia

Ahora lo unico que hace al pulsar enviar es mostrar el gif sin enviar el formulario.. sabes por que puede ser?

gracias de antemano!

dejo el codigo tal cual lo tengo ahora.

Código HTML:

Ver original<script>
function loader(){
document.getElementById('loader').style.display = 'Block';
 }
</script>
<body>
<form  name="mail_frm" action="enviook.php" method="post" enctype="multipart/form-data" onSubmit="loader(); return false">
<p>De:
 Remitente:
  <input type"text" name="remitente" id="remitente" />
  <br/><br/>
 Asunto:
  <input type"text" name="asunto" id="asunto" />
  <br/><br/>
Adjuntar archivo: 
  <input type="file" name="archivo_fls"/> <br/><br/>
  Adjuntar archivo dos: 
   <input type="file" name="archivodos"/> <br/><br/>
</p>
Mensaje: <br/> 
  <textarea name="mensaje_txa"></textarea>
  <br/><br/>
  Mensaje dos: <br/> 
  <textarea name="mensajedos_txa"></textarea>
  <br/><br/>
   TEXTO:
  <input type"text" name="texto" id="texto" />
  <br/><br/>
  <input type="submit" name="button" id="enviar_btn" value="Enviar" />
  <br/>
 </p>
<?php
error_reporting (E_ALL ^ E_NOTICE ^ E_WARNING);
if (isset ($_GET ["respuesta"])){
    echo "<span>".$_GET["respuesta"]."</span>";
    }
?>
</form>
 
<div id="loader" style="display:none"><img src="enviando.gif"></div>
 
 
</body>