11/07/2006, 02:09
|
| | | Fecha de Ingreso: noviembre-2003 Ubicación: Bizkaia
Mensajes: 1.315
Antigüedad: 21 años Puntos: 2 | |
Puedes hacer un segundo juego de funciones, teniendo cuidado con los nombres, que podría ser algo más o menos así:
<script>
function startmenu()
{
document.getElementById('menu1').style.display = "none";
document.getElementById('menu2').style.display = "none";
document.getElementById('menu3').style.display = "none";
document.getElementById('menu4').style.display = "none";
} function startsubmenu1()
{
document.getElementById('submenu11').style.display = "none";
document.getElementById('submenu12').style.display = "none";
document.getElementById('submenu13').style.display = "none";
document.getElementById('submenu14').style.display = "none";
}
function menufunc(menuId)
{
if(document.getElementById(menuId).style.display == "none")
{
startmenu();
document.getElementById(menuId).style.display = "block";
}
else
{
startmenu();
}
} function submenu1func(submenu1Id)
{
if(document.getElementById(submenu1Id).style.displ ay == "none")
{
startsubmenu1();
document.getElementById(submenu1Id).style.display = "block";
}
else
{
startsubmenu1();
}
}
</script>
</head>
<body onLoad="javascript:startmenu()">
<table width="100%">
<tr>
<td valign="top" width="20%">
<a href="javascript:menufunc('menu1')">Prueba1111</a>
<div id="menu1"> - <a href="javascript:submenu1func('submenu11')">Google </a><br>
<div id="submenu11">
- <a href='#'>sub cosa 1</a><br>
- <a href='#'>sub cosa 2</a><br>
- <a href='#'>sub cosa 3</a><br>
</div>
- <a href='#'>Ask Jeeves</a><br>
- <a href='#'>AltaVista</a><br>
</div>
<br>
<a href="javascript:menufunc('menu2')">Prueba</a>
<div id="menu2">
- <a href='#'>Check for updates</a><br>
- <a href='#'>Request a script</a><br>
- <a href='#'>Contact</a><br>
- <a href='#'>this script</a><br>
</div>
<br>
<a href="javascript:menufunc('menu3')">submenu 3</a>
<div id="menu3">
- <a href='#'>my site</a><br>
- <a href='#'>my site</a><br>
- <a href='#'>my site</a><br>
- <a href='#'>my site</a><br>
</div>
<br>
<a href="javascript:menufunc('menu4')">submenu 4</a>
<div id="menu4">
- <a href='#'>my site</a><br>
- <a href='#'>my site</a><br>
- <a href='#'>my site</a><br>
- <a href='#'>my site</a><br>
</div>
</td>
</tr>
</table> |