javascript para redireccionar cuando den clic en un enlace

OSCARMOGA · #1 (**permalink**) 05/05/2011, 22:48

Hola, se que parece muy obvio, pero lo explicare mejor:

Necesito un javascript para redireccionar cuando den clic en cualquier enlace (que se abre fuera de la pagina).

Es decir, tengo una pagina patrocinadora para que desde la pagina del colegio (un moodle) la visiten, ese enlace al dale clic, abre otra ventana para ir al a pagina del patrocinador.

Cuando esto suceda entonces que el javascript detecte que se abrio esa pagina o ese enlace y redireccione a otra pagina dentro de la pagina del colegio; como por ejemplo a una pagina de agradecimiento por visitar al patrocinador.

Ojala me halla hecho entender.

Muy amables pos sus respuestas

InKarC · #2 (**permalink**) 05/05/2011, 23:09

Código HTML:

Ver original<a onclick="window.location = 'gracias.html'" target="_new" href="patrocinador.html">Cepillos Colgame</a>

Eso es todo, cualquier cosa preguntas; suerte.

OSCARMOGA · #3 (**permalink**) 06/05/2011, 12:43

Cita:

Iniciado por InKarC

Código HTML:

Ver original<a onclick="window.location = 'gracias.html'" target="_new" href="patrocinador.html">Cepillos Colgame</a>

Eso es todo, cualquier cosa preguntas; suerte.

Este código me sirve especificamente para un enlace en la pagina.

Lo que deseo es que me sirva para cada enlance de este tipo., es decir que sean enlaces externos que se abran en otra pagina.

Pero de todas maneras en cada en enlace podre colocar este código.

Sin embargo me gustaria me ayudaran con un JS para que revise los links que se abren en una ventana nueva y los redireccione en la ventana actual a una pagina de agradecimiento.

CWeeD · #4 (**permalink**) 06/05/2011, 13:25

Esto es mas o menos a lo que te entiendo...talvez uno que otro detalle pero creo que esa es la idea a la que te refieres...

Código HTML:

<html>
<head>
<script type="text/javascript">
	
	var urls = new Array("http://www.google.com/", "http://www.yahoo.com/", "http://www.ask.com/");
	
	function redirect()
	{
		window.location = urls[Math.floor(urls.length*Math.random())];
	}
	
</script>
</head>
<body>
<input name="TEST" value="TEST" onclick="javascript:redirect()" type="button" />
</body>
</html>

OSCARMOGA · #5 (**permalink**) 06/05/2011, 15:53

muchas gracias cwe, lo estaré probando.

InKarC · #6 (**permalink**) 06/05/2011, 17:53

El codigo de CWeeD selecciona aleatoriamente una (1) pagina y la abre... creo que no es exactamente lo que busca.

Aquí esta el código que hace exactamente lo mismo que el anterior que postee pero automáticamente con todos los links externos:

Código Javascript:

Ver originalwindow.onload = function(){
var links = document.getElementsByTagName("a");
    for (var i=0; i<links.length;i++){
        var dir = String(window.location).split(".com/");
        dir = dir[0];
        if((String(links[i].href).indexOf(dir)) == -1){
        links[i].onclick = function(){window.location = 'gracias.html'};
        links[i].target = "_new"
        }
    }
}

Hay que anotar que si tu domino no es ".com" como la mayoria, tienes que cambiarlo al domino que utilizes (".org" o lo que sea)

Aqui un ejemplo con el html:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script>
window.onload = function(){
var links = document.getElementsByTagName("a");
    for (var i=0; i<links.length;i++){
        var dir = String(window.location).split(".com");
        dir = dir[0];
        if((String(links[i].href).indexOf(dir)) == -1){
        links[i].onclick = function(){window.location = 'gracias.html'};
        links[i].target = "_new"
        }
    }
}
</script>
</head>
 
 
<body>
 
<a href="http://www.patrocinador.com/patrocinador.html">Cepillos Colgame</a>
<a href="http://www.otropatrocinador.com/patrocinador2.html">Motel Melo</a>
 
<a href="casa.html">Pagina interna</a>
 
</div>
</body>
</html>