Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Progress duda

Estas en el tema de Progress duda en el foro de HTML en Foros del Web. Hola a todos .. Bueno no se si esto va para este espacio , pero como es un tag de html 5 .. Lo postie ...
  #1 (permalink)  
Antiguo 02/09/2013, 11:36
 
Fecha de Ingreso: junio-2013
Mensajes: 11
Antigüedad: 10 años, 9 meses
Puntos: 0
Progress duda

Hola a todos .. Bueno no se si esto va para este espacio , pero como es un tag de html 5 .. Lo postie aca .. La duda que tengo es .. Como puedo hacer que al iniciar sesion mediante un botom cargue la barra de progress .. La parte del botom ya me salio .. Pero cuando termina de cargar la barra de progreso .. Como haria para que me direccione a otra pagina
  #2 (permalink)  
Antiguo 02/09/2013, 11:56
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años
Puntos: 131
Respuesta: Progress duda

con javascript seria

location.href= "direccion";
o
location.assign("direccion");

salu2
  #3 (permalink)  
Antiguo 02/09/2013, 13:23
 
Fecha de Ingreso: junio-2013
Mensajes: 11
Antigüedad: 10 años, 9 meses
Puntos: 0
Respuesta: Progress duda

amigo me sirvio en parte lo del location href .. pero .. ahora la barra carga rapido .. no respeta el tiempo de carga que le puse ; es decir ni bien presiono en boton enviar .. la barra carga en 1 segundo y me envia a la otra pagina .. este es mi codigo .. me parece que en la function cargar () esta mi porblema .. aver revisalo

Código HTML:
<fieldset class="position" style="border:2px groove #ccc;width:200px; align:center;"> 
	<legend class="tamaño1" style="text-align:left; "> Datos personales</legend>
	Usuario <center><input type="text"  name="usuario"></center>	
Clave <center><input type="password" name="pass">
<center><input id= 'miBoton'  id="cargar" class="tamaño1" type="button" name="ENVIAR" value="Enviar" onClick="setInterval('cargar()' , 250)" /> 
<progress id="barra" value=0  max=100 class="barrastyle" >
</progress>
</fieldset>


<script type="text/javascript">
window.addEventListener("load",function(){
	alert("La pagina se esta cargando "); } );
	var boton = document.getElementById("miBoton");
	boton.addEventListener("click",boton_click);
	function boton_click()
	
	{
	alert("Bienvenido Jean");
	
	}
    
    function cargar() {
    var barra =document.getElementById('barra')
    barra.value +=5
	
	
	
		 if (barra.value=100){
	window.location.href = "Practica2.php"
		 }
		}
</script> 
  #4 (permalink)  
Antiguo 02/09/2013, 14:43
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años
Puntos: 131
Respuesta: Progress duda

El codigo pienso que deberia funcionar bien
solo unas cosas

window.addEventListener("load",function(){
alert("La pagina se esta cargando "); } );

El evento load se dispara cuando la pagina a terminado de cargarce por lo tanto el mensaje correcto seria "Lapagina ya se cargo"

onClick="setInterval('cargar()' , 250)"
addeventlistener puede asociar varias manejadores de eventos a un mismo elemento

cambialo por otro addeventlistener("click",cargar);

barra.value +=5
le hace falta un ";"

if (barra.value=100)
el sigo =, en este caso es de asignacion ejemplo
var a = 90;
Para las condiciones debes usar operadores de comparacion
if(barra.value == 100)

salu2
  #5 (permalink)  
Antiguo 02/09/2013, 15:37
 
Fecha de Ingreso: junio-2013
Mensajes: 11
Antigüedad: 10 años, 9 meses
Puntos: 0
Respuesta: Progress duda

Gracias amigooo ya me funciono como queria :)

Etiquetas: html5, progress
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 14:05.