Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Redireccionar al hacer click

Estas en el tema de Redireccionar al hacer click en el foro de Javascript en Foros del Web. Buenas. Estaba probando un codigo que me hace una cuenta atras mostrando el progreso con una barra. Al finalizar la cuenta atras aparece un boton ...
  #1 (permalink)  
Antiguo 17/05/2013, 09:37
 
Fecha de Ingreso: mayo-2013
Mensajes: 171
Antigüedad: 11 años
Puntos: 4
Redireccionar al hacer click

Buenas.
Estaba probando un codigo que me hace una cuenta atras mostrando el progreso con una barra.
Al finalizar la cuenta atras aparece un boton que pone "Descargar".
Pues bien, quisiera saber como hacer que al pinchar sobre "Descargar" me mandara a la url de la descarga.

Código:
else
		{
			// Si termina se puede continuar mostrando o enviando alguna informacion
			termino = true;
			/*document.forma.submit();*/ // Mandar que termino el trabajo para permitir continuar
			document.getElementById("div_barra").innerHTML = "100% listo";
			document.getElementById("div_boton").innerHTML = "<input class='form' type='button' value='Descargar' >";
			}
			
			document.getElementById("div_completado").style.width = (porcentaje / 100) * tam_barra + "px";
		setTimeout("aumenta_barra();", 100);
	}
Pensaba que con la funcion onClick serviria, pero imagino que error de novato, me reporta un error en la sintaxis.
Como deberia hacerlo?
Gracias por la ayuda.
  #2 (permalink)  
Antiguo 17/05/2013, 10:01
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: Redireccionar al hacer click

tienes variadas formas:

- window.location
- window.open
- enviar un form, sea post o get

__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 17/05/2013, 10:19
 
Fecha de Ingreso: mayo-2013
Mensajes: 171
Antigüedad: 11 años
Puntos: 4
Respuesta: Redireccionar al hacer click

Gracias por la respuesta.
Pero no consigo hacer que funcione.
Si inserto comillas " me da error
Y si uso apostrofes ' no funciona.
Que hago mal?

Podrias ponerme un ejemplo con window.location por ejemplo para que me entere, por favor.
Gracias.
  #4 (permalink)  
Antiguo 17/05/2013, 12:07
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: Redireccionar al hacer click

coloca el código que tienes, para asesorarte.

recuerda que si pasas parámetros a la URL debes de serializarlos con encodeURIComponent()
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #5 (permalink)  
Antiguo 18/05/2013, 06:38
 
Fecha de Ingreso: mayo-2013
Mensajes: 171
Antigüedad: 11 años
Puntos: 4
Respuesta: Redireccionar al hacer click

A ver, pongo todo lo que he probado.
Y ya me decis si soy un inepto o que ocurre...

Código:
document.getElementById("div_boton").innerHTML = "<input class='form' type='button' value='Descargar' onClick="window.location=('www.google.es') >";
			}
Código:
document.getElementById("div_boton").innerHTML = "<input class='form' type='button' value='Descargar' onClick="window.location='www.google.es'>";
			}
Código:
document.getElementById("div_boton").innerHTML = "<input class='form' type='button' value='Descargar' onClick="window.location.href='www.google.es' >";
			}
Bueno, y todas las combinaciones sobre esta funcion.
Pero nada.
Seguro que se debe a un error tontisimo, pero yo no lo veo :(

Podria deberse al innerHTML??
Aunque tambien he probado document.getElementById("div_boton").href= ...

Pero tampoco.
Se que no tengo mucho conocimiento, pero por mas que he buscado, no encuentro solucion a mi problema.

Espero que podais echarme una mano.

Muchas gracias.
Un saludo.
  #6 (permalink)  
Antiguo 18/05/2013, 08:39
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: Redireccionar al hacer click

Hola:

Todas las pruebas parecen tener errores sintácticos... el primero no debería tener paréntesis... pero sobre todo, hay unas comillas perdidas que debería ponerle antes un slash para que no se cierre la cadena, y luego cerrarlas.

Lo que no tengo muy claro es porqué no ocultas el botón y tan solo lo mustras con el evento.. que por cierto debe escribirse en minúsculas (onclick).

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 18/05/2013, 11:01
 
Fecha de Ingreso: mayo-2013
Mensajes: 171
Antigüedad: 11 años
Puntos: 4
Respuesta: Redireccionar al hacer click

Lo de que tienen errores era a sabiendas, porque lo ponga como lo ponga no funciona.

El boton esta oculto hasta que finaliza la cuenta atras, entonces aparece el boton, pero al hacer clic no sigue a la url.

Sigo sin saber como hacerlo.
Lo unico que se me ha ocurrido ha sido meter el boton entre <a href=""><input...></a>
Pero me parece una chapuza.
  #8 (permalink)  
Antiguo 18/05/2013, 13:46
Avatar de chwc  
Fecha de Ingreso: julio-2008
Ubicación: Buenos Aires ! :D
Mensajes: 814
Antigüedad: 15 años, 9 meses
Puntos: 103
Respuesta: Redireccionar al hacer click

Código Javascript:
Ver original
  1. document.getElementById("div_boton").innerHTML = "<input class='form' type='button' value='Descargar' onClick=\"window.location='www.google.es' \">";
a eso se refiere caricatos

un saludo
__________________
Hangouts de JavaScript todos los jueves 20hs GMT, Unite !
https://plus.google.com/u/0/108504944676960830886
  #9 (permalink)  
Antiguo 19/05/2013, 18:12
 
Fecha de Ingreso: mayo-2013
Mensajes: 171
Antigüedad: 11 años
Puntos: 4
Respuesta: Redireccionar al hacer click

:(
A veces tanto darle vueltas a las cosas hace que te pases por alto lo mas obvio...y yo ofuscado con las puñeteras comillas!!!
Se me habia pasado...me siento idiota!!

Marco como solucionado!
Muchas gracias!!

Etiquetas: funcion, html, input, redireccionar
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 23:33.