Tema: Añadir enlace JS en HTML
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 05/09/2013, 09:45
bathorz
 
Fecha de Ingreso: agosto-2013
Mensajes: 150
Antigüedad: 10 años, 8 meses
Puntos: 29
Respuesta: Añadir enlace JS en HTML
Código HTML: 
Ver original
  1. <html>
  2.    <head>
  3.       <script language="JavaScript">
  4.          var foto = new Array();
  5.          foto = [["Imagenes/1.jpg", "http://www.uno.es/"], ["Imagenes/2.jpg", "http://www.dos.com/"], ["Imagenes/3.jpg", "http://www.tres.com/"], ["Imagenes/4.jpg", "http://www.cuatro.com/"], ["Imagenes/5.jpg", "http://www.cinco.com/"], ["Imagenes/6.jpg", "http://www.seis.com/"]];
  6.          var texto = new Array();
  7.          texto[0] = "la primera de las imagenes";
  8.          texto[1] = "esta es la segunda";
  9.          texto[2] = "esta es al tercera";
  10.          texto[3] = "y casi vamos a terminar";
  11.          texto[4] = "una más";
  12.          texto[5] = "la ultima de las imagenes";
  13.          var cantidad = foto.length;
  14.          var cualvemos = 0;
  15.  
  16.          function mover(direccion, valor) {
  17.             switch (valor) {
  18.                /** Galería 1 **/
  19.                case 1:
  20.                   var enlace = document.getElementById("misHref");
  21.                   var laimagen = document.getElementById("misfotos");
  22.                   var eltexto = document.getElementById("mistextos");
  23.                   var ultima = foto.length - 1;
  24.                   var auxiliar = cualvemos + (direccion);
  25.                   if (auxiliar < 0) {
  26.                      auxiliar = ultima;
  27.                   }
  28.                   if (auxiliar > ultima) {
  29.                      auxiliar = 0;
  30.                   }
  31.                   cualvemos = auxiliar;
  32.                   laimagen.src = foto[cualvemos][0];
  33.                   eltexto.innerHTML = texto[cualvemos];
  34.                   enlace.href = foto[cualvemos][1];
  35.                   break;
  36.                /** Galería 1 **/
  37.                case 2:
  38.                   var enlace = document.getElementById("misHref2");
  39.                   var laimagen = document.getElementById("misfotos2");
  40.                   var eltexto = document.getElementById("mistextos2");
  41.                   var ultima = foto.length - 1;
  42.                   var auxiliar = cualvemos + (direccion);
  43.                   if (auxiliar < 0) {
  44.                      auxiliar = ultima;
  45.                   }
  46.                   if (auxiliar > ultima) {
  47.                      auxiliar = 0;
  48.                   }
  49.                   cualvemos = auxiliar;
  50.                   laimagen.src = foto[cualvemos][0];
  51.                   eltexto.innerHTML = texto[cualvemos];
  52.                   enlace.href = foto[cualvemos][1];
  53.                   break;
  54.             }
  55.          }
  56.       </script>
  57.       <meta charset="UTF-8">
  58.       <title>Destacados</title>
  59.    </head>
  60.  
  61.    <body onLoad="mover;">
  62.       <table width="100%">
  63.          <tr>
  64.             <td height="279" align="center" valign="middle">
  65.             <table width="100%" align="center">
  66.                <tr>
  67.                   <!-- Galería 1 -->
  68.                   <td width="50%" height="256" align="center" valign="middle">
  69.                   <p>
  70.                      <a id="misHref" href="http://www.uno.com/"><img id="misfotos" src="Imagenes/1.jpg" /></a>
  71.                   </p>
  72.                   <p>
  73.                      <span id="mistextos"><a href="http://www.google.es/">¡Uno</a></span>
  74.                   </p>
  75.                   <p>
  76.                      <a href="javascript:mover(-1,1);"><img src="Imagenes/anterior.png"></img></a>
  77.                      <a href="javascript:mover(1,1);"><img src="Imagenes/siguiente.png"</img></a>
  78.                   </p></td>
  79.                   <!-- Galería 2-->
  80.                   <td width="50%" height="256" align="center" valign="middle">
  81.                   <p>
  82.                      <a id="misHref2" href="http://www.uno.com/"><img id="misfotos2" src="Imagenes/1.jpg" /></a>
  83.                   </p>
  84.                   <p>
  85.                      <span id="mistextos2"><a href="http://www.google.es/">¡Dos</a></span>
  86.                   </p>
  87.                   <p>
  88.                      <a href="javascript:mover(-1,2);"><img src="Imagenes/anterior.png"></img></a>
  89.                      <a href="javascript:mover(1,2);"><img src="Imagenes/siguiente.png"</img></a>
  90.                   </p></td>
  91.                </tr>
  92.             </table></td>
  93.          </tr>
  94.       </table>
  95.    </body>
  96. </html>