English Português

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.

  1. 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
  2. <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>
  3. Ahora sólo hacemos el llamado a esta función desde el lugar donde queremos aparesca el enlace aleatorio
  4. <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).

Descarga el ejemplo

Escrito por Francisco Oliveros

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

    Comentarios

    1. Pequeña Saltamontes / Hace 8 años /

      Me gustaría saber si puede modificarse este código para que el link cambie cada cierto tiempo, digamos cada día, y no cada vez que se actualiza la página.

      Gracias y hasta luego.

      Responder a Pequeña Saltamontes →
    2. adi / Hace 8 años /

      no me funciono en blogger, nisiquiera haciendo parse

      Responder a adi →

    Responder

    ¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad