Foros Club Delphi

Foros Club Delphi (https://www.clubdelphi.com/foros/index.php)
-   HTML, Javascript y otros (https://www.clubdelphi.com/foros/forumdisplay.php?f=38)
-   -   Problema con javascript (https://www.clubdelphi.com/foros/showthread.php?t=43448)

molinero1 11-05-2007 12:50:18

Problema con javascript
 
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:

Código PHP:

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

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 11-05-2007 13:31:07

Hola,

Código PHP:

<!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 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.


La franja horaria es GMT +2. Ahora son las 12:28:57.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Traducción al castellano por el equipo de moderadores del Club Delphi