JavaScript - POPUP ALEATORIO AL HACER CLICK SOBRE CUALQUIER ENLACE

   
Vista:

POPUP ALEATORIO AL HACER CLICK SOBRE CUALQUIER ENLACE

Publicado por LEON leo_6_68@hotmail.com (1 intervención) el 25/12/2014 17:28:42
Hola tengo un problema que hasta ahora no soluciono y me intriga bastante y quisiera que me ayuden con esto quiero saber como hacer que al hacer click en cualquier enlace que haya en una web se abra un popup en otra ventana de forma aleatoria pero solo en el primer click por ejemplo tengo 30 botones dentro de la web que me redireccionan a diversas paginas ,ahora cuando cargo por primera vez la veb quiero que al hacer clikc en cualquiera de esos 30 botones me redicrecione a otras pagina aleatoria que no sea a la que originalmente esta predestinada a llevar el boton luego al haber abierto ya la pagina en otra ventana ,si vuelvo hacer click sobre el boton me lleve ahora si a la pagina a la cual este destinada ,claro esto solo cada que se abra por primera vez la pagina puesto que seria molestoso si fuera con los 30 botones el mismo procedimiento..para mejor ejemplo como esta web http://www.pymovie.net/ si dan click en cualquier enlace primero te abre otra pagina en otra ventana y si vuelven a presionar el boton te lleva al verdader destino.

¿SERA MUY DIFICIL? ES QUE SOY NOVATO
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

POPUP ALEATORIO AL HACER CLICK SOBRE CUALQUIER ENLACE

Publicado por xve (1595 intervenciones) el 26/12/2014 10:07:36
Hola Leon, esto se desarrolla con JavaScript, utilizando el evento click de los enlaces...

Aquí tienes un ejemplo utilizando jquery...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
 
	<script>
	$(document).ready(function(){
		$("a").click(function(){
			if(!getCookie("visto"))
			{
				setCookie("visto","1",5)
				window.open("http://www.lawebdelprogramador.com");
			}
		});
	});
 
	/*
	* Genera una cookie
	*
	* Esta funcion se utiliza en la funcion javascript:showUsr
	* Tiene que recibir:
	* 	nombre=nombre de la cookie
	* 	valor=valor de la cookie
	* 	caducidad=caducidad de la cookie en dias (-1 elimina la cookie)
	*/
	function setCookie(nombre, valor, caducidad) {
		//Si no tenemos caducidad para la cookie, la definimos a 31 dias
		if(!caducidad)
			caducidad = 31
 
		var expireDate = new Date() //coge la fecha actual
		expireDate.setDate(expireDate.getDate()+caducidad);
 
		//crea la cookie: incluye el nombre, la caducidad y la ruta donde esta guardada
		//cada valor esta separado por ; y un espacio
		document.cookie = nombre + "=" + escape(valor) + "; expires=" + expireDate.toGMTString() + "; path=/";
	}
 
	/*
	* Lee una cookie
	*
	* Tiene que recibir:
	* 	nombre=nombre de la cookie a leer
	*/
	function getCookie(nombre)
	{
		/*
		* document.cookie
		* Contiene todas las cookies que estan al alcance de la paginas web en el formato:
		* nombreCookie1=valor1; nombreCookie2=valor2
		*
		* document.cookie.length
		* Contiene la longitud de la suma de todas las cookies
		*/
		if(document.cookie.length>0)
		{
			/*
			* indexOf(caracter,desde) Devuelve la primera posicion que el caracter aparece
			* devuelve -1 si no encuentra el caracter
			*/
			start=document.cookie.indexOf(nombre + "=");
			if (start!=-1)
			{
				//El inicio de la cookie, el nombre de la cookie mas les simbolo '='
				start=start + nombre.length+1;
				//Buscamos el final de la cookie (es el simbolo ';')
				end=document.cookie.indexOf(";",start);
				//Si no encontramos el simbolo del final ';', el final sera el final de la cookie.
				if (end==-1)
					end=document.cookie.length;
				//Devolvemos el contenido de la cookie.
				//substring(start,end) devuelve la cadena entre el valor mas bajo y
				//el mas alto, indiferentemente de la posicion.
				return unescape(document.cookie.substring(start,end));
			}
		}
		//no hemos encontrado la cookie
		return "";
	}
 
</script>
 
</head>
 
<body>
 
<a href="#">enlace1</a>
<br><a href="#">enlace2</a>
<br><a href="#">enlace3</a>
 
</body>
</html>

Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar