hola amigos
encontre este codigo muy bueno para tener un menu en js
pero si quisiera ponerle un stop para que cuando este despleagado menu uno
pueda visualizar el menu dos y ambos se puedan ver abiertos que tendria que hacer ?
muchas gracias
<html>
<head>
<title>Ejemplo de menu </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
var result;
function obtenerid(dentrodeque){
frase=document.getElementById(dentrodeque).innerHT ML;
result=new Array();
result=frase.match(/\b\s+id=[^>\s]+\b/g);
for(ii=0;ii<result.length;ii++){
result[ii]=result[ii].split('"').join('');
result[ii]=result[ii].split('id=').join('');
result[ii]=result[ii].split(' ').join('');
}
}
function mostrar(que){
for(ii=0;ii<result.length;ii++){
if(que==result[ii]){
if(document.getElementById(que).style.display=='no ne'){document.getElementById(que).style.display='b lock';}else{document.getElementById(que).style.dis play='none';}
}else{
eval("document.getElementById('"+result[ii]+"').style.display='none'");
}
}
}
function ir(url){
window.location=url;
}
</script>
<style type="text/css">
.principal{
background-color: #FFFFFF;
border-color: #FF0000;
border-style: solid;
border-width: 1px;
color: #FF0000;
font-weight: bold;
margin: 4px;
padding: 4px;
text-align: center;
cursor: pointer;
cursor: hand;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.secundario{
background-color: #FFFFFF;
border-color: #000000;
border-style: solid;
border-width: 1px;
color: #000000;
font-weight: bold;
margin: 4px;
padding: 4px;
text-align: center;
cursor: pointer;
cursor: hand;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
</style>
</head>
<body bgcolor="#9999CC" onload="obtenerid('contenedor_menu')">
<div id="contenedor_menu" style="width:100px;">
<!-- inicio menu 1-->
<div class="principal" onclick="mostrar('uno')">menu uno</div>
<div id="uno" style="display:none;">
<div class="secundario" onclick="ir('/new/ejemplos/menuarbol.php#')">sub 1 1</div>
</div>
<!--fin menu 1-->
<!--inicio menu 2-->
<div class="principal" onclick="mostrar('dos')">menu dos</div>
<div id="dos" style="display:none;">
<div class="secundario" onclick="ir('/new/ejemplos/menuarbol.php#')">sub 2 1</div>
<div class="secundario" onclick="ir('/new/ejemplos/menuarbol.php#')">sub 2 2</div>
</div>
<!--fin menu 2-->
<!--inicio menu 3-->
<div class="principal" onclick="mostrar('tres')">menu tres</div>
<div id="tres" style="display:none;">
<div class="secundario" onclick="ir('/new/ejemplos/menuarbol.php#')">sub 3 1</div>
<div class="secundario" onclick="ir('/new/ejemplos/menuarbol.php#')">sub 3 2</div>
<div class="secundario" onclick="ir('/new/ejemplos/menuarbol.php#')">sub 3 3</div>
</div>
<!--fin menu 3-->
</div>
</body>
</html>