he conseguido que se me vea el menu contractil de Tunait
http://www.tunait.com/javascript/ind...menucontractil
mi idea es usar este menu pero de manera horizontal es decir
menu1 menu2 menu 3
submenu1.2 submenu 2.1
submenu1.2
submenu1.3
asi de esta manera, perdon por mi torpeza es la 1 vez ke uso javascript y estoy intentando cambiar el codigo fuente, en donde pone no tocar aplicando lo poco ke conozco asi ke si me pudieseis ayudar
Código:
/*************No tocar a partir de aquí*****************/
var sec
var iexTun=document.appName=='Microsoft Internet Explorer'?true:false;
if(iexTun){var cursorcillo='hand'}
else{var cursorcillo='pointer'}
function inicioMenu(){
with(document){
write('<div id="Menu">')
write('<table id="tablaMenu" cellspacing="1"><tr>')
}
for(m=0; m<secciones; m++){
with(document){
write('<td class="secciones" id="menu_' + m +'">' )
write(eval('Menu_' + m + '[0]') + '</td>')
write('</td>')
}
sec = eval('Menu_' + m)
document.getElementById('menu_' + m).onmouseover=function(){
this.className = 'seccionesHover'
}
document.getElementById('menu_' + m).onmouseout=function(){
this.className = 'secciones'
}
if(sec[3]>0){
document.getElementById('menu_' + m).onclick=function(){
abreMenu(this.id)
}
subMenu('Menu_' + m,sec[3],m)
}
else{
document.write('<tr><td class="cerrado"></td></tr>')
if(sec[1]!=null){
document.getElementById('menu_' + m).onclick=function(){
ir(this.id)
}
}
}
}
with(document){
write ('</tr>')
write('</table>')
write('</div>')
}
}
function subMenu(n,cant,nm){
with(document){
write('<tr><td id="' + n + 'B" class="cerrado">')
write('<table class="subMeTabla" cellspacing="1">')
}
for(s=0; s<cant; s++){
subMe=eval(n+"_"+s)
with(document){
writeln('<tr><td style="cursor:' +cursorcillo+'"onmouseover="this.className=\'subSeccionesHover\'" onmouseout="this.className=\'subSecciones\'" class="subSecciones" onclick="ir(\'Menu_'+nm+'_'+s+'\')">' + subMe[0] + '</td></tr>')
}
}
document.write('</table>')
document.write('</td></tr>')
}
function abreMenu(cual){
clase = cual
cual = cual.replace(/m/,"M")
cua = eval("'" + cual + "B'")
if(document.getElementById(cual+'B').className == 'abierto'){
document.getElementById(cual+'B').className = 'cerrado'
document.getElementById(clase).className = 'secciones'
document.getElementById(clase).onmouseout=function(){
this.className = 'secciones'
}
document.getElementById(clase).onmouseover=function(){
this.className = 'seccionesHover'
}
}
else{
document.getElementById(cual+'B').className = 'abierto'
document.getElementById(clase).className = 'seleccionado'
document.getElementById(clase).onmouseout=function(){
return false
}
document.getElementById(clase).onmouseover=function(){
return false
}
}
}
function ir(donde){
donde = eval(donde.replace(/m/,"M"))
if(donde[1] != null){
marco = donde[2]
if(marco == 'Nueva'){
window.open(donde[1])
}
else if(marco == null){
location.href=donde[1]
}
else{
eval('parent.' + marco + '.location.href="' + donde[1] + '"')
}}
}