Problema con onmouseout, onmouseover y onmousedown

zaida · 30-nov-2007, 14:24

Hola:
Tengo un lio...que no me aclaro, haber si podeis ayudarme.

Tengo una imagen que hace de bóton y necesito que cuando pases por encima (onmouseover) se ponga , por ejemplo, de color azul oscuro, cuando quites el cursor de encima (onmouseout) que se ponga,por ejemplo, azul claro y al pulsarse(onmousedown) se ponas de color blanco, pero una vez que ya ha sido pulsado aunque quiter el cursor de encima necesito que no cambie, es decir que se quede de color blanco porque ya ha sido pulsado. Espero haberme explicado. Estoy utilizando html y javascript

Saludos y gracias

ideasmultiples · 30-nov-2007, 14:35

Sería mejor si pones el código que estás utilizando.

DavidC · 30-nov-2007, 15:32

Hei, de nuevo ando por aquí: este curro me tiene of total.

A ver Zaida: eso lo haces muy fácil creando un estilo botón en el css. Por ejemplo:

.miboton a:link { background-color: #uncolor; }
.miboton a:hover { background-color: #otrocolor; }
.miboton a:visited { background-color: #máscolor; }

Luego en el html, al botón de aplicas la clase (class="miboton"), y a correr.

Saludos

zaida · 03-dic-2007, 11:23

Cita:

.miboton a:link { background-color: #uncolor; }
.miboton a:hover { background-color: #otrocolor; }
.miboton a:visited { background-color: #máscolor; }

Luego en el html, al botón de aplicas la clase (class="miboton")

Hola DavidC:
me parece un aporte a tener en cuenta, el problema es que mis botones on imágenes, lo he probado pero no funciona

, puede ser por que es una imagen?

Cita:

Sería mejor si pones el código que estás utilizando.

Hola ideasmultiples:

El código que utilizo es el siguiente:

Código del botón.

Código HTML:

onmouseout="citofonia1()" onmouseover="citofonia2()" onclick="citofonia()"

Código javascript.

Código:

function citofonia()
{
	
	document.getElementById('imagen1').src="img/citofonia_c.gif";
	document.getElementById('botonera3').style.visibility="visible";
	document.getElementById('texto').style.visibility="hidden";

}
function citofonia1()
{

	document.getElementById('imagen1').src="img/citofonia_a.gif";
}
function citofonia2()
{

	document.getElementById('imagen1').src="img/citofonia_b.gif";
}

Espero que puedan ayudarme. Muchas gracias a los dos

ideasmultiples · 03-dic-2007, 11:36

Puedes usar lo que te indicó DavidC pero utilizando una imagen como fondo en vez del color.

zaida · 03-dic-2007, 11:41

Lo he probado de ésta forma y no me funciona(seguro qu está mal, porque no tengo mucha idea de css)

código del botón.

Código HTML:

class="miboton"

Código css.

Código:

.miboton a:link
{
	src: img/citofonia_a.gif;
}
.miboton a:hover
{
	src: img/citofonia_b.gif;
}
.miboton a:visited
{
	src: img/citofonia_c.gif;
}

¿puedes ayudarme?saludos y gracias

Galynet · 03-dic-2007, 17:53

Hola Zaida,

está mal la llamada a la imagen.
Sería así:

Cita:

.miboton a:link
{
background: url("img/citofonia_a.gif") ;
}
.miboton a:hover
{
background: url("img/citofonia_b.gif");
}
.miboton a:visited
{
background: url("img/citofonia_c.gif");
}

Si no quieres que se repita la imagen de fondo, añade no-repeat entre el cierre de parántesis y el punto y coma.
Y si quieres que se repita en horizontal, añade repeat-x

Saludos

zaida · 04-dic-2007, 08:34

Hola Galynet:

Sabía que la llamada iba a estar mal

.Perdona mi ignorancia pero aún así estoy haciendo algo mal porque no me funciona.La imágen que tengo cómo botón está fija y aunque pase el ratón por enima no se cambia. ¿Por qué?

Saludos y muchas gracias

DavidC · 04-dic-2007, 12:16

Me temo que no has aplicado el estilo al enlace. <a href="loquesea" class="miboton">

Bye

zaida · 04-dic-2007, 12:34

Gracias!!!

DavidC · 04-dic-2007, 12:35

No hay de qué; para eso estamos