PDA

Ver la Versión Completa : Problema con javascript

molinero1
11-05-2007, 12:50:18
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:


<!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á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
11-05-2007, 12:58:40
Hola,

En el ClubDelphi existe el subforo HTML, JavaScript y otros (http://www.clubdelphi.com/foros/forumdisplay.php?f=38), 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 (http://www.clubdelphi.com/foros/misc.php?do=bbcode).
dec
11-05-2007, 13:31:07
Hola,


<!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á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
11-05-2007, 13:36:27
Solución sencilla, como las que a mi me gustan :). Muchas gracias Dec.
dec
11-05-2007, 13:38:49
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
11-05-2007, 18:03:30
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 :p.