24/02/2013, 00:28
|
 | | | Fecha de Ingreso: febrero-2013
Mensajes: 1
Antigüedad: 11 años, 9 meses Puntos: 0 | |
 Animacion mientras envía formulario
Hola! Espero puedan ayudarme, tengo el siguiente codigo en jsp:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/JavaScript" src="js/jquery-1.7.js"></script>
<script type="text/JavaScript">
$(document).ready(function(){
$("span#numeroPalabras").text("Número de palabras: ");
$("#send").click(function(){
var texto = $("#texto").val();
$.ajax({
type: "POST",
url: "cuenta.jsp",
data: "texto=" + texto,
success: function(msg){
$("span#resultado").text(msg);
},
error: function(xml, msg){
$("span#resultado").text("Error");
}
});
});
});
</script>
<title>JSP y JQuery</title>
<script>
window.onload = detectarCarga;
function detectarCarga(){
document.getElementById("carga").style.display="no ne";
}
</script>
<script>
function carga() {
setTimeout("document.getElementById('carga').style . display = 'none'", 10000);}
window.onload = carga;
</script>
</head>
<body>
<div id="carga">
<img src="images/cargando.gif" />
</div>
<p> <span id="numeroPalabras"></span>
<span id="resultado"></span>
</p>
<div>
<label> Introduce el texto: </label>
<br> <br>
<textarea id="texto" cols="40" rows="7"></textarea>
<br> <br>
<input id="send" type="button" value="Enviar" click="detectarCarga()"/>
</body>
</html>
Al ejecutarlo me genera la imagen de cargando arriba del formulario, la imagen dura el tiempo establecido (10000 milisegundos), pero lo que necesito es que la imagen aparezca cuando se le da click al boton enviar, y se espere el tiempo asignado antes de procesar la informacion.
Gracias! |