Foros del Web » Programando para Internet » Javascript »

ayuda con mouseover

Estas en el tema de ayuda con mouseover en el foro de Javascript en Foros del Web. Buenas, podríais ayudarme con un error que tengo en mi pagina web? Resulta que hay unos botones a los que les quiero aplicar el efecto ...
  #1 (permalink)  
Antiguo 10/09/2008, 17:39
 
Fecha de Ingreso: septiembre-2008
Mensajes: 3
Antigüedad: 16 años, 6 meses
Puntos: 0
ayuda con mouseover

Buenas, podríais ayudarme con un error que tengo en mi pagina web? Resulta que hay unos botones a los que les quiero aplicar el efecto del mouseover, pero no tengo mucha idea y intentado siempre llego al mismo punto:

Código PHP:
<td height="105" colspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--
DWLayoutTable-->
        <
tr>
          <
td width="81" height="105" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
            <!--
DWLayoutTable-->
            <
tr>
              <
td width="81" height="105"><a href="inicio.php"><onmouseover="image0.src='mouseover_on_1.gif';"
onmouseout="image0.src='mouseover_off_1.gif';"><img name="image0"
src="mouseover_off_1.gif" border="0" width="119" height="25"></a></td>
              </
tr>
            </
table></td>
          <
td width="171" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
            <!--
DWLayoutTable-->
            <
tr
Me tira un error aqui: <onmouseover="image0.src='mouseover_on_1.gif';"
onmouseout="image0.src='mouseover_off_1.gif';">


Hay alguna forma de arreglarlo asi como esta? o tendría que volver a hacer la parte de los botones?

El codigo del mouseovver que uso es este:

Código PHP:
<script language="JavaScript">
<!--
// Comienzo del código
// Especificamos las imágenes primarias

image0 = new Image();
image0.src "mouseover_off_1.gif";

image1 = new Image();
image1.src "mouseover_off_2.gif";

image2 = new Image();
image2.src "mouseover_off_3.gif";

// Fin del código
-->
</script> 
Código PHP:

<a href="enlace.htm" onmouseover="image0.src='mouseover_on_1.gif';"
onmouseout="image0.src='mouseover_off_1.gif';"><img name="image0"
src="mouseover_off_1.gif" border="0" width="119" height="25"></a>



<
a href="enlace.htm" onmouseover="image1.src='mouseover_on_2.gif';"
onmouseout="image1.src='mouseover_off_2.gif';"><img name="image1"
src="mouseover_off_2.gif" border="0" width="119" height="25"></a>



<
a href="enlace.htm" onmouseover="image2.src='mouseover_on_3.gif';"
onmouseout="image2.src='mouseover_off_3.gif';"><img name="image2"
src="mouseover_off_3.gif" border="0" width="119" height="25"></a
Saludos..
  #2 (permalink)  
Antiguo 10/09/2008, 19:10
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 18 años, 4 meses
Puntos: 122
Respuesta: ayuda con mouseover

Hay muchos problemas con tu código pero el mas feo es precisamente el que te tira el error. No hay ningún elemento que se llame onmouseover. Aun te falta camino por recorrer en esto, pero no te preocupes, la primer milla es la mas complicada.
__________________
twitter: @imbuzu
  #3 (permalink)  
Antiguo 11/09/2008, 09:50
 
Fecha de Ingreso: septiembre-2008
Mensajes: 3
Antigüedad: 16 años, 6 meses
Puntos: 0
Respuesta: ayuda con mouseover

Jaja lo de los fallos ya lo se, pero mientras funcione no le dare mucha importancia por ahora xD.

Bueno, pero creo que si alguien me pasa algun efecto de estos ya hecho ("personalizado", no de estos que vienen vacios), creo que podría adaptarlo a lo que quiero hacer, pero de todos modos gracias por responder, seguiré dando vueltas por aquí a ver si aprendo Js xD

Saludos!
  #4 (permalink)  
Antiguo 11/09/2008, 11:15
Avatar de Un_Tico  
Fecha de Ingreso: julio-2008
Ubicación: Cartago, Costa Rica
Mensajes: 176
Antigüedad: 16 años, 7 meses
Puntos: 4
Respuesta: ayuda con mouseover

Cita:
Iniciado por buzu Ver Mensaje
Hay muchos problemas con tu código pero el mas feo es precisamente el que te tira el error. No hay ningún elemento que se llame onmouseover. Aun te falta camino por recorrer en esto, pero no te preocupes, la primer milla es la mas complicada.
Disculpa buzu pero con ese comentario creo que no le ayudaste mucho a Dr-Lk

Pueba asi :

Código HTML:
<img src="images/image1.gif" width="16" height="16" onmouseover="this.src='image2/more.gif'" onmouseout="this.src='images/image1.gif'" /> 
Podrias hacerlo con css(investiga un poco) pero para la pregunta que hiciste creo que te funcionará...

Saludos...
  #5 (permalink)  
Antiguo 11/09/2008, 19:03
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 18 años, 4 meses
Puntos: 122
Respuesta: ayuda con mouseover

De hecho lo ayude mas de lo que muchos lo harían. Lo guié a descubrir parte de su problema por si solo de modo que pueda desarrollar la capacidad de darse cuenta en donde están sus problemas. Verás, cuando le das un pescado a alguien luego regresara por mas pescados, si por el contrario le enseñas a pescar, después podrá obtener sus pescados por si solo y enseñar a otros a pescar.

Saludos.
__________________
twitter: @imbuzu
  #6 (permalink)  
Antiguo 11/09/2008, 19:05
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 18 años, 4 meses
Puntos: 122
Respuesta: ayuda con mouseover

Ah por cierto, lo que hago, eseñarles a pescar y no darles el pescado ya frito, es para evitar cosas como esta:

Cita:
Iniciado por Dr-Lk
creo que si alguien me pasa algun efecto de estos ya hecho ("personalizado", no de estos que vienen vacios),
__________________
twitter: @imbuzu
  #7 (permalink)  
Antiguo 12/09/2008, 08:49
Avatar de Un_Tico  
Fecha de Ingreso: julio-2008
Ubicación: Cartago, Costa Rica
Mensajes: 176
Antigüedad: 16 años, 7 meses
Puntos: 4
Respuesta: ayuda con mouseover

Mmmm...

Por un lado tienes razón, pero se ve que al amigo le hace falta algo de ayuda y creo que con un pequeño es la mejor forma de guiar o enseñar...

Saludos...
  #8 (permalink)  
Antiguo 12/09/2008, 12:25
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 18 años, 4 meses
Puntos: 122
Respuesta: ayuda con mouseover

Como dicen, hay que enseñar a los niños desde pequeños, de otro modo cuesta mucho cambiarlos cuando grandes. Pero respeto tu opinión.

Saludos.

PD, soy uno de los que están en contra de mensajes como el que he citado arriba. Aquí se ayuda y dar los códigos realizados no es ayudar.
__________________
twitter: @imbuzu
  #9 (permalink)  
Antiguo 13/09/2008, 08:28
 
Fecha de Ingreso: septiembre-2008
Mensajes: 3
Antigüedad: 16 años, 6 meses
Puntos: 0
Respuesta: ayuda con mouseover

Buenas a todos, gracias por las respuestas, ahora mas o menos e estado intentando apañarmelas y al menos ahora ya me funciona el efecto, pero todavía no sé como aplicarlo en el lugar que quiero (dentro de una tabla).

Un_Tico gracias por la sugerencia de hacerlo con css, tiene el mismo nombre (el efecto) o tiene otro?

buzu, cuando decía eso de darme el codigo, me refería a un ejemplo ya hecho, asi yo podría fiarme en como funciona el codigo y a partir de ahí ya me las apañaría.

Gracias!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:31.