Club Delphi  
    FTP   CCD     Buscar   Trucos   Trabajo   Foros

Retroceder   Foros Club Delphi > Otros entornos y lenguajes > HTML, Javascript y otros
Registrarse FAQ Miembros Calendario Guía de estilo Temas de Hoy

Respuesta
 
Herramientas Buscar en Tema Desplegado
  #1  
Antiguo 11-05-2007
molinero1 molinero1 is offline
Miembro
 
Registrado: abr 2007
Posts: 59
Poder: 18
molinero1 Va por buen camino
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.

Última edición por dec fecha: 11-05-2007 a las 12:56:01.
Responder Con Cita
  #2  
Antiguo 11-05-2007
Avatar de dec
dec dec is offline
Moderador
 
Registrado: dic 2004
Ubicación: Alcobendas, Madrid, España
Posts: 13.107
Poder: 34
dec Tiene un aura espectaculardec Tiene un aura espectacular
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.
__________________
David Esperalta
www.decsoftutils.com
Responder Con Cita
  #3  
Antiguo 11-05-2007
Avatar de dec
dec dec is offline
Moderador
 
Registrado: dic 2004
Ubicación: Alcobendas, Madrid, España
Posts: 13.107
Poder: 34
dec Tiene un aura espectaculardec Tiene un aura espectacular
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
__________________
David Esperalta
www.decsoftutils.com
Responder Con Cita
  #4  
Antiguo 11-05-2007
molinero1 molinero1 is offline
Miembro
 
Registrado: abr 2007
Posts: 59
Poder: 18
molinero1 Va por buen camino
Solución sencilla, como las que a mi me gustan . Muchas gracias Dec.
Responder Con Cita
  #5  
Antiguo 11-05-2007
Avatar de dec
dec dec is offline
Moderador
 
Registrado: dic 2004
Ubicación: Alcobendas, Madrid, España
Posts: 13.107
Poder: 34
dec Tiene un aura espectaculardec Tiene un aura espectacular
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.
__________________
David Esperalta
www.decsoftutils.com
Responder Con Cita
  #6  
Antiguo 11-05-2007
molinero1 molinero1 is offline
Miembro
 
Registrado: abr 2007
Posts: 59
Poder: 18
molinero1 Va por buen camino
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 .
Responder Con Cita
Respuesta



Normas de Publicación
no Puedes crear nuevos temas
no Puedes responder a temas
no Puedes adjuntar archivos
no Puedes editar tus mensajes

El código vB está habilitado
Las caritas están habilitado
Código [IMG] está habilitado
Código HTML está deshabilitado
Saltar a Foro

Temas Similares
Tema Autor Foro Respuestas Último mensaje
arrays javascript y php halizia PHP 6 03-05-2007 13:43:31
De JavaScript a PHP halizia PHP 10 10-10-2006 18:23:38
problema validando form con javascript... Vinicio HTML, Javascript y otros 1 22-09-2006 00:56:16
javascript kejos HTML, Javascript y otros 2 12-04-2006 12:53:35
Problema con php y javascript Andrea Martinez PHP 5 24-11-2004 18:43:59


La franja horaria es GMT +2. Ahora son las 14:00:37.


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