Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/07/2011, 19:37
Avatar de ch3ssmaster
ch3ssmaster
 
Fecha de Ingreso: enero-2011
Mensajes: 97
Antigüedad: 13 años, 3 meses
Puntos: 5
drop down con javascript

Hola, tengo el siguiente codigo que genera un menu de navegacion:


function Menu(nombre){
this.nombre = nombre;
this.lista = null;
this.menufinal = true;
this.enlace = null;
this.funcion = MiFuncion;
}

function MiFuncion(){
alert(this.nombre);
}

function ConfigurarMenu(){
var m1_1 = new Menu("menu1.1");
m1_1.enlace = "http://google.es";

var m1_2 = new Menu("menu1.2");
m1_2.enlace = "http://eligetuweb.es";

var m2_1 = new Menu("menu2.1");
m2_1.enlace = "http://jaquegranada.blogspot.com";


var m3_1_1 = new Menu("menu3.1.1");
m3_1_1.enlace = "http://entrenajedrez.sportsontheweb.net";

var m3_1_2 = new Menu("menu3.1.2");
m3_1_2.enlace = "http://eligetuweb.es";

var m3_1 = new Menu("menu3.1");
m3_1.menufinal = false;
m3_1.lista = new Array(m3_1_1, m3_1_2);

var m3_2 = new Menu("menu3.2");
m3_2.enlace = "http://eligetuweb.es";

var m1 = new Menu("Menu 1");
m1.menufinal = false;
m1.lista = new Array(m1_1, m1_2)

var m2 = new Menu("Menu 2");
m2.menufinal = false;
m2.lista = new Array(m2_1);

var m3 = new Menu("Menu 3");
m3.menufinal = false;
m3.lista = new Array(m3_1, m3_2);

var m = new Menu(null);
m.menufinal = false;
m.lista = new Array(m1, m2, m3);

return m;
}

function PintarMenu(menu){

var raiz = document.createElement("ul");

var i;
for (i = 0; i < menu.lista.length; i++){
var elemento = document.createElement("li");

if (!menu.lista[i].menufinal){
elemento.innerHTML = menu.lista[i].nombre;
var hijo = PintarMenu(menu.lista[i]);

elemento.appendChild(hijo);

}
else{
var enlace = document.createElement("a");
enlace.innerHTML = menu.lista[i].nombre;
enlace.menu = menu.lista[i];
enlace.setAttribute("href", menu.lista[i].enlace);

elemento.appendChild(enlace);
}
raiz.appendChild(elemento);
}
return raiz;


}

function CrearMenu(){
var menu = ConfigurarMenu();
var raiz = PintarMenu(menu);
$("div#divmenu").append(raiz);
$("div").addClass("divmenu");

$("li").addClass("normal");
$("div#divmenu > ul > li").addClass("negrita");
$("div#divmenu > ul > li").addClass("link");



}


podrian ayudarme a ocultar los elementos (li) por debajo de m1, m2, m3 de manera que se vean al pasar el raton sobre ellos??

Gracias por adelantado
__________________
Diseño Web profesional y creativo: WebSystem.