Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Cargar imagen con ajax mientras hace on submit

Estas en el tema de Cargar imagen con ajax mientras hace on submit en el foro de Frameworks JS en Foros del Web. Tengo un gif animado que se hace visible con js al pulsar el boton enviar del formulario. Funciona sin problemas en todos los browsers excepto ...
  #1 (permalink)  
Antiguo 03/11/2010, 22:17
 
Fecha de Ingreso: noviembre-2007
Mensajes: 118
Antigüedad: 16 años, 5 meses
Puntos: 0
Cargar imagen con ajax mientras hace on submit

Tengo un gif animado que se hace visible con js al pulsar el boton enviar del formulario. Funciona sin problemas en todos los browsers excepto como no IE.

Se me ocurrio pensar que quizas mediante Ajax y no JS pueda hacer visible el div mientras hace el submit... alguna direccion en este punto si es posible hacerlo?

Gracias de antemano

Ps.

Se me ocurrio una idea.

Es posible que mediante JS haga visible el div con el gif animado y a continuacion mandar el formulario mediante ajax y que al finalizar haga un reload de la pagina?

Alguien podria audarme con ello?

Gracias

Última edición por vesvello; 03/11/2010 a las 22:29
  #2 (permalink)  
Antiguo 04/11/2010, 00:55
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Cargar imagen con ajax mientras hace on submit

Hola:

Si no funciona en explorer será por algo... tal vez sea más fácil averiguar ese algo... podría tratarse de nombre de variabes o funciones igual a algún id... o chorradas de ese tipo.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 04/11/2010, 01:08
 
Fecha de Ingreso: noviembre-2007
Mensajes: 118
Antigüedad: 16 años, 5 meses
Puntos: 0
Respuesta: Cargar imagen con ajax mientras hace on submit

Bueno, asi tengo el codigo:

Código HTML:
<script>
function loading() {
	var images_number = document.getElementById('images_number').value;
	for (var i=0; i < images_number; i++)
		{
	var y = "userfile"+(i+1);
	var y1 = "loading"+(i+1);
	if(document.getElementById(y).value.length) document.getElementById(y1).style.display='inline';
/*		}*/
		}
}
</script>

	<form action="index.php" style="margin-top:0px;margin-bottom:0px" method=post name="form2"  ENCTYPE="multipart/form-data" onsubmit="loading()">	

<td width="32%" height="40px"><table width="100%" border="0" cellspacing="0" cellpadding="0" id="fila1" style=" display:none;"><tr><td width="80%"><input type=file class="userfile1" id="userfile1" name="userfile1"></td><td style="background-color:#dce6f2; text-align=left;"> <img id="loading1" src="../images/ajax-loader1.gif" width="16" height="16" style="display:none; vertical-align:middle;" /></td></tr></table></td>

<input type="image" id="boton_continuar1" src="../images/guardar_cambios.png" /> 
lei aqui que el problema era del IE pero se admiten sugerencias

Etiquetas: ajax, mientras, submit
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:24.