Foros del Web » Programando para Internet » Javascript »

Menú desplegable abierto en siguiente página

Estas en el tema de Menú desplegable abierto en siguiente página en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/06/2012, 07:10
 
Fecha de Ingreso: junio-2012
Mensajes: 4
Antigüedad: 11 años, 10 meses
Puntos: 0
Menú desplegable abierto en siguiente página

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>
  #2 (permalink)  
Antiguo 19/06/2012, 14:58
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Menú desplegable abierto en siguiente página

aquí tienes varias opciones del lado del cliente. window.name o storage
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #3 (permalink)  
Antiguo 20/06/2012, 02:52
 
Fecha de Ingreso: junio-2012
Mensajes: 4
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: Menú desplegable abierto en siguiente página

Muchas gracias Isabel. Estoy haciendo pruebas y no consigo que funcione. Ya perdonarás mi ignorancia, pero dónde tendría que incluir ese código que indicas que habría que meter en cada página? Desesperadito estoy ya.... Gracias de nuevo!

Te dejo el td donde va el menú para que veas cómo lo tengo. Sé que tiene que ser una tontería, pero me vuelvo loco con estos códigos, la verdad...

<td><script language="JavaScript" type="text/JavaScript">
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function (){
$("#close").click(function (){
alert( $(this).attr('id') );//esto es para verificar
});
});
</script>
<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;
}
}
function fnc2() {
window.name = 'none';
document.getElementById('menu').style.display = 'none';
}


function fnc3() {
window.name = '';
document.getElementById('menu').style.display = 'block';
}


function fnc() {
document.getElementById('menu').style.display = window.name == '' ? 'block' : 'none';
}

window.onload = fnc;
</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>
  #4 (permalink)  
Antiguo 20/06/2012, 06:03
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Menú desplegable abierto en siguiente página

una cosa es encaminarte y otra es hacértelo. el código es suficientemente descriptivo. pruebalo y adaptalo a tus necesidades
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #5 (permalink)  
Antiguo 20/06/2012, 06:15
 
Fecha de Ingreso: junio-2012
Mensajes: 4
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: Menú desplegable abierto en siguiente página

Gracias de nuevo Isabel por la rapidez. No intento que me lo des hecho, de verdad. Lo que ocurre es que llevo tres días loco de verdad buscando menús, códigos,..., e intentando hacer que funcione y no lo consigo. Soy diseñador y no tengo ni idea de programación, por lo que hasta con la línea más sencilla me pierdo. Y aún así, ya te digo, hasta ayer por la tarde no incluí este tema porque intenté por todos los medios solucionarlo antes de nada. Pero como ya estoy fuera de plazo, estoy un pelín agobiado.

Así que de verdad gracias porque al menos me estás dando una esperanza... Voy a darle una vuelta y te cuento.

Un saludo
  #6 (permalink)  
Antiguo 20/06/2012, 07:19
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: Menú desplegable abierto en siguiente página

si tienes eso problemas, por que en lugar de trabajar del lado del cliente, no trabajas del lado del servidor?? a ver si encuentras menos dificultad
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #7 (permalink)  
Antiguo 20/06/2012, 12:38
 
Fecha de Ingreso: junio-2012
Mensajes: 4
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: Menú desplegable abierto en siguiente página

Solucionado, Isabel. Al final he montado uno a través de un programa. Gracias de todas formas...

Etiquetas: desplegable, html, página, siguiente, time
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:06.