Mostrar un link aleatorio en cada visita con Javascript
Marzo 10th, 2007 | Publicado por Francisco en Javascript
Mostrar un link aleatorio en cada visita puede servir para darle más dinamismo a una lista de enlaces a otras web. Veamos como hacer esto.
- Mediante el siguiente script hacemos un arreglo con la lista de páginas que queremos salgan aleatorias con sus respectivas direcciones. Lo colocamos entre las etiquetas <head> y </head> o en un archivo .js con la función
- Ahora sólo hacemos el llamado a esta función desde el lugar donde queremos aparesca el enlace aleatorio
<script type="text/javascript">
//Arreglo con el nombre de nuestra lista de páginas
Nombre_pagina = new Array();
Nombre_pagina[0] = 'Google';
Nombre_pagina[1] = 'Yahoo!';
Nombre_pagina[2] = 'Visite México';
Nombre_pagina[3] = 'Radiohead México';
//Arreglo que corresponde a cada nombre de la página con su dirección
Direccion_pagina = new Array();
Direccion_pagina [0] = 'http://www.google.com.mx';
Direccion_pagina [1] = 'http://www.yahoo.com.mx';
Direccion_pagina [2] = 'http://www.visitemexico.com';
Direccion_pagina [3] = 'http://radiohead-mexico.info';
//Aleatorizamos con el numero de enlances que tenemos
X = Math.round(Math.random()*3);
</script><script type="text/javascript">
document.write('<a href="' + Direccion_pagina[X] + '>' + Nombre_pagina[X] + '</a>')
</script>Puedes poner la cantidad de páginas que desees pero tienes que indicar el número total de ellas (contando desde 0).
