Hola a todos,
estoy creando un menú desplegable y no consigo hacer que quede abierto una vez que pasa a otra página. La idea es que se mantenga como estaba en la página anterior, remarcando en el menú en cuál está exactamente.
Si alguien me pudiera echar una mano... No controlo programación... Gracias por adelantado.
Os dejo el código:
<td><script type="text/javascript">
function desplegar(tabla_a_desplegar,estadoT) {
var tablA = document.getElementById(tabla_a_desplegar);
var estadOt = document.getElementById(estadoT);
switch(tablA.style.display) {
case "none":
tablA.style.display = "block";
estadOt.innerHTML = "Ocultar coneNido"
break;
default:
tablA.style.display = "none";
estadOt.innerHTML = "Mostrar coNteNido"
break;
}
}
</script>
<table width="150" border="0">
<tr>
<td class="tabla_menu" onclick="desplegar('tabla_a_desplegar')"><a href="#">Empresa</a></td>
</tr>
<tr>
<td><table border="0" id="tabla_a_desplegar" style="display: none; cursor: hand; font-style: normal; color: #4C4C4C; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 0px none #000000;">
<tr>
<td><div>
<table border="0" width="150">
<tr>
<td onclick="desplegar('tabla_a_desplegar41')"><a href="#" class="submenu">Dónde estamos</a></td>
</tr>
<tr>
<td><table border="0" id="tabla_a_desplegar41" style="display: none; cursor: hand; font-style: normal; color: #4C4C4C; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 0px none #000000;">
<tr>
<td><div><a href="como_llegar.html" class="subsubmenu">Cómo llegar</a></div>
<div><a href="contacte.html" class="subsubmenu">Contacte</a></div></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div>
<table border="0" width="150">
<tr>
<td onclick="desplegar('tabla_a_desplegar42')"><a href="#" class="submenu">Servicios</a></td>
</tr>
<tr>
<td><table border="0" id="tabla_a_desplegar42" style="display: none; cursor: hand; font-style: normal; color: #4C4C4C; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 0px none #000000;">
<tr>
<td><div><a href="que_hacemos.html" class="subsubmenu">Qué hacemos</a></div>
<div><a href="dinamica.html" class="subsubmenu">Dinámica de trabajo</a></div>
<div><a href="contratar.html" class="subsubmenu">Contratar</a></div></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div>
<table border="0" width="150">
<tr>
<td onclick="desplegar('tabla_a_desplegar43')"><a href="#" class="submenu">Requisitos</a></td>
</tr>
<tr>
<td><table border="0" id="tabla_a_desplegar43" style="display: none; cursor: hand; font-style: normal; color: #4C4C4C; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 0px none #000000;">
<tr>
<td><div><a href="requisitos.html" target="_self" class="subsubmenu">Requisitos</a></div></td>
</tr>
</table></td>
</tr>
</table>
</div></td>
</tr>
</table></td>
</tr>
</table>
<table border="0" width="150">
<tr>
<td class="tabla_menu" onclick="desplegar('tabla_a_desplegar2')"><a href="#">Otros servicios</a></td>
</tr>
<tr>
<td><table border="0" id="tabla_a_desplegar2" style="display: none; font-style: normal; cursor: default; color: #4C4C4C; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 0px none #000000;">
<tr>
<td><table width="100%" border="0">
<tr>
<td><div><a href="otros_servicios.html" class="submenu">Viajes</a></div></td>
</tr>
<tr>
<td><div><a href="otros_servicios.html" class="submenu">Intervenciones</a></div></td>
</tr>
<tr>
<td><div><a href="otros_servicios.html" class="submenu">Informes</a></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>