Hola a tod@s,
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);">
Ahora viene el JavaScript
Código:
// 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";
}
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
Código:
"document.getElementById("imagen1").onmouseover = false;"
El tema esta en que cuando se pulsa el otro se tiene que volver a habilitar pero si hago:
Código:
"document.getElementById("imagen1").onmouseover = true;"
no hace nada, no se vuelve a activar el onmouseover ni el onmouseout.
Estoy loco YAA!
GRACIAS DE ANTEMANO