Hola gente:
Tengo un problemilla con una función relativamente sencilla; la uso en un menú para que al pasar el ratón se "iluminen" los divs que hacen de botones. El problema es que quiero que al clicarse, se quede iluminado. Y sí que se ilumina, pero al sacar el mouse del div, ejecuta la parte "onmouseout" se vuelve a apagar... ¿cómo podría hacer que al hacer clic en un div le deje cambiado el color de fondo y más aún, que al clicar en otro, apague el primero y encienda el siguiente?
Pongo aqui las funciones tal cual las tengo ahora:
Código:
function mano(cual){
document.body.style.cursor='hand';
cual.style.backgroundColor='e5e7FF';
};
function flecha(cual){
document.body.style.cursor='default';
cual.style.backgroundColor='#9597FF';
};
function abrir(pag,e){
elemento = document.getElementById(e);
elemento.style.backgroundColor = 'red';
parent.mostrador.location.href=pag;
};
Y en el div:
Código:
<div id="portada" align="left" STYLE="position:absolute;left:0px;top:0px; background:#9597FF;width:250px;height:50px" name="portada" OnMouseOver="mano(this)" onmouseout="flecha(this)" onclick="abrir('portada.htm','portada')" title="Volver a la Portada">
gracias por vuestro tiempo
P.S.: ah, y ya sé que podría hacerlo con diferentes menús (uno para cada apartado) pero... hay que ponerse a prueba para crecer, ¿no?
Es el menú de:
ludovico2000.galeon.com, por si necesitáis más info