Foros del Web » Programando para Internet » Javascript »

Menu JavaScript

Estas en el tema de Menu JavaScript en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/05/2011, 11:30
 
Fecha de Ingreso: febrero-2007
Mensajes: 80
Antigüedad: 17 años, 2 meses
Puntos: 0
Menu JavaScript

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

Última edición por UkySoft; 05/05/2011 a las 11:40

Etiquetas: Ninguno
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 00:24.