Primero de todo agradeceros vuestra atención, bien estoy haciendo un menu en JavaScript, el menu consta de una imagen con onmouseover, onmouseout y onclick, el codigo seria el siguiente:
Código HTML:
<img src="img/btnhome.png" id="imagen" onMouseOver="javascript:cambiarInicioImagenOver(this.imagen)" onmouseout="javascript:cambiarInicioImagenOut(this.imagen)" onClick=" javascript:grandeInicio(this.InicioGrande); reactivacionNosotros(this.Nosotros);"> </br><img src="img/btnnosotros.png" id="imagen1" onMouseOver="javascript:cambiarNosotrosImagenOver(this.id)" onmouseout="javascript:cambiarNosotrosImagenOut(this.id)" onClick="javascript:grandeNosotros(this.NosotrosGrande); reactivacionInicio(this.Inicio);">
Código:
Bien ahora explico, el tema es el siguiente, que cuando pulso cualquiera de los dos botones se hace grande y para ello tengo que deshabilitar el onmouseover y el onmouseout con el code // Inicio function cambiarInicioImagenOver(id){ document.getElementById("imagen").src="img/btnhome1.png"; } function cambiarInicioImagenOut(id){ document.getElementById("imagen").src="img/btnhome.png"; } function grandeInicio(InicioGrande){ document.getElementById("imagen").onmouseover = false; document.getElementById("imagen").onmouseout = false; document.getElementById("imagen").src="img/btnhome3.png"; } function reactivacionInicio(Inicio) { document.getElementById("imagen").onmouseover = true; document.getElementById("imagen").onmouseout = true; document.getElementById("imagen").src="img/btnhome.png"; } //Nosotros function cambiarNosotrosImagenOver(id){ document.getElementById(id).src="img/btnnosotros1.png"; } function cambiarNosotrosImagenOut(id){ document.getElementById(id).src="img/btnnosotros.png"; } function grandeNosotros(NosotrosGrande){ document.getElementById("imagen1").onmouseover = false; document.getElementById("imagen1").onmouseout = false; document.getElementById("imagen1").src="img/btnnosotros3.png"; } function reactivacionNosotros(Nosotros) { document.getElementById("imagen1").onmouseover = true; document.getElementById("imagen1").onmouseout = true; document.getElementById("imagen1").src="img/btnnosotros.png"; }
Código:
El tema esta en que cuando se pulsa el otro se tiene que volver a habilitar pero si hago:"document.getElementById("imagen1").onmouseover = false;"
Código:
no hace nada, no se vuelve a activar el onmouseover ni el onmouseout."document.getElementById("imagen1").onmouseover = true;"
Estoy loco YAA!
GRACIAS DE ANTEMANO