Hola amigos del foro necesito ayuda con un codigo libre que encontre que estoy modificando para adaptarlo en una web,, bueno el codigo es para realizar un menu en forma de arbol tipo explorador de windows cito de donde saque el codigo para cualquier efecto de la pagina de http://tunait.com/javascript/index.php?s=menuarbolaccesible,,,, lo que necesito amigos con mucho respecto es lo siguiente el codigo maneja el menu tipo arbol y abre el link en la misma pagina o en otra ventana quiero que habra el contenido en la misma hoja en el espacio que quede en blanco es decir al costado izquierdo esta el menu y me queda todo el espacio en blanco hacia la derecha ahi necesito me muestre el archivo. este es el script...
/************************************************** **************
Menú en arbol accesible. 28-Jul-07
Autor tunait http://javascript.tunait.com/
Script de libre uso mientras se mantengan intactos los créditos de autor.
************************************************** **************/
var abrirenVentanaNueva = 1;
var tagApartado = 'a';
var docActual = location.href;
function iniciaMenu(menu){
idMenu = menu
menu = document.getElementById(menu);
for(var m = 0; m < menu.getElementsByTagName('ul').length; m++){
el = menu.getElementsByTagName('ul')[m]
el.style.display = 'none';
el.className = 'menuDoc';
el.parentNode.className = 'cCerrada'
textoNodo = el.parentNode.firstChild.nodeValue;
nuevoNodo = document.createElement(tagApartado);
if(tagApartado == 'a') nuevoNodo.href = '#' + textoNodo;
nuevoNodo.className = 'tagApartado';
nuevoNodo.appendChild(document.createTextNode(text oNodo));
el.parentNode.replaceChild(nuevoNodo,el.parentNode .firstChild);
nuevoNodo.onclick = function(){
hijo = sacaPrimerHijo(this.parentNode, 'ul')
hijo.style.display = hijo.style.display == 'none' ? 'block' : 'none';
if(this.parentNode.className == 'cCerrada' || this.parentNode.className == 'cAbierta'){
this.parentNode.className = this.parentNode.className == 'cCerrada' ? 'cAbierta' : 'cCerrada'
}
else{
this.parentNode.className = this.parentNode.className == 'cAbiertaSeleccionada' ? 'cCerradaSeleccionada' : 'cAbiertaSeleccionada'
}
return false;
}
}
documentoActual(idMenu)
}
function sacaPrimerHijo(obj, tag){
for(var m = 0; m < obj.childNodes.length; m++){
if(obj.childNodes[m].tagName && obj.childNodes[m].tagName.toLowerCase() == tag){
return obj.childNodes[m];
break;
}
}
}
function documentoActual(menu){
idMenu = menu
menu = document.getElementById(menu);
for(var s = 0; s < menu.getElementsByTagName('a').length; s++){
if(abrirenVentanaNueva) menu.getElementsByTagName('a')[s].target = 'blank';
enlace = menu.getElementsByTagName('a')[s].href
if(enlace == docActual){
menu.getElementsByTagName('a')[s].parentNode.className = 'documentoActual'
}
if(enlace == docActual && menu.getElementsByTagName('a')[s].parentNode.parentNode.id != idMenu){
menu.getElementsByTagName('a')[s].parentNode.parentNode.parentNode.className = 'cAbiertaSeleccionada'
var enlaceCatPadre = sacaPrimerHijo(menu.getElementsByTagName('a')[s].parentNode.parentNode.parentNode, 'a')
enlaceCatPadre.onclick = function(){
hijo = sacaPrimerHijo(this.parentNode, 'ul')
hijo.style.display = hijo.style.display == 'none' ? 'block' : 'none';
this.parentNode.className = this.parentNode.className == 'cAbiertaSeleccionada' ? 'cCerradaSeleccionada' : 'cAbiertaSeleccionada'
return false;
}
nodoSig = sacaPrimerHijo(menu.getElementsByTagName('a')[s].parentNode.parentNode.parentNode, 'ul')
nodoSig.style.display = 'block';/**/
abrePadre(idMenu, enlaceCatPadre.parentNode)
}
}
}
function abrePadre(idmenu, obj){
obj.parentNode.parentNode.className = 'cAbiertaSeleccionada'
var nodoSig = sacaPrimerHijo(obj, 'ul')
nodoSig.style.display = 'block';
if(obj.parentNode.id != idmenu){
abrePadre(idmenu, obj.parentNode.parentNode)
}
}
espero me puedan ayudar amigos estoy un poco complicado sin saber como hacerlo......
