Problema con javascript

molinero1 · #1 11/05/2007

En primer lugar, se que es el club Delphi y no se si es bueno poner esta duda aquí, pero como aquí hay grandes programadores, se que si alguien tiene un momentillo me solucionara esta duda facilmente. De todos modos, si hay algun moderador, que me diga si esta bien ponerlo aquí. El caso es que tengo una página en javascript y quiero usar el típico efecto de las imágenes que cambian, con una imagen me sale, pero si tengo varias, todas que sean la misma imagen, me cambia la primera que puse, no las otras. Este es mi código por si sirve de algo:

PHP Code:


			
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Cambio din&#225;mico de imágenes</title>
<script language="Javascript">
<!--

// Precarga de imágenes
if (document.images) {
  var botonazul_off = new Image();
  botonazul_off.src = "imagenes/botazul1.gif";
  var botonazul_on = new Image();
  botonazul_on.src = "imagenes/botazul2.gif";
}

// Carga de imagen cuando el ratón pasa por encima
function entra(boton) {
  if (document.images) {
    if (boton == 'botonazul') {
      document.images[boton].src = botonazul_on.src;
    }
  }
}

// Carga de imagen cuando el ratón abandona el área de la imagen
function sale(boton) {
  if (document.images) {
    if (boton == 'botonazul') {
      document.images[boton].src = botonazul_off.src;
    }
  }
}

//--> </script>
</head>

<body>
 <p><a href = "suscripcion.html" onMouseOver = "entra('botonazul');" onMouseOut = "sale('botonazul');"><img src="imagenes/botazul1.gif" alt="Presentación" border="0" name="botonazul">Final</a> </p>
  <p><a href = "suscripcion.html" onMouseOver = "entra('botonazul');" onMouseOut = "sale('botonazul');"><img src="imagenes/botazul1.gif" alt="Presentación" border="0" name="boton1">Inicio</a> </p>
</body>
</html>

Gracias.

dec · #2 11/05/2007

Hola,

En el ClubDelphi existe el subforo HTML, JavaScript y otros, que es adonde voy a mover este Hilo. Y por otro lado, además de la etiqueta [ DELPHI ], cuentas con más etiquetas, como [ CODE ] (código en general), [ PHP ] (código HTML, JavaScript, PHP), [ SQL ] código y consultas SQL... Echa un vistazo a este Hilo: Lista de códigos vB.

dec · #3 11/05/2007

Hola,

PHP Code:


			
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Cambio din&#225;mico de imágenes</title>
<script language="Javascript">
<!--

// Precarga de imágenes
if (document.images) {
  var botonazul_off = new Image();
  botonazul_off.src = "imagenes/botazul1.gif";
  var botonazul_on = new Image();
  botonazul_on.src = "imagenes/botazul2.gif";
}

// Carga de imagen cuando el ratón pasa por encima
function entra(boton) {
  if (document.images) {
      document.images[boton].src = botonazul_on.src;
  }
}

// Carga de imagen cuando el ratón abandona el área de la imagen
function sale(boton) {
  if (document.images) {
      document.images[boton].src = botonazul_off.src;
  }
}

//--> </script>
</head>

<body>
 <p><a href = "suscripcion.html"><img onMouseOver = "entra(this.name);" onMouseOut = "sale(this.name);" src="imagenes/botazul1.gif" alt="Presentación" border="0" name="botonazul">Final</a> </p>
  <p><a href = "suscripcion.html"><img onMouseOver = "entra(this.name);" onMouseOut = "sale(this.name);" src="imagenes/botazul1.gif" alt="Presentación" border="0" name="boton1">Inicio</a> </p>
</body>
</html>

molinero1 · #4 11/05/2007

Solución sencilla, como las que a mi me gustan

. Muchas gracias Dec.

dec · #5 11/05/2007

Hola,

Bueno... el asunto puede dar más de sí, empero, me he limitado a quitar el código que estaba provocando que el asunto no funcionase como esperabas.

molinero1 · #6 11/05/2007

En lo "visual" digamos que en impactar, ando cojo, me podrias recomendar algo para que mi página sea agradable a la vista, o que impacte? Me doy cuenta de que cuando veo algunas webs, impactan, y es mas o menos el efecto que quiero causar yo. Al menos en los botones, lo he conseguido, dan ganas de pulsarlos

.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
arrays javascript y php	halizia	PHP	6	03/05/2007 13:43
De JavaScript a PHP	halizia	PHP	10	10/10/2006 18:23
problema validando form con javascript...	Vinicio	HTML, Javascript y otros	1	22/09/2006 00:56
javascript	kejos	HTML, Javascript y otros	2	12/04/2006 12:53
Problema con php y javascript	Andrea Martinez	PHP	5	24/11/2004 18:43