Capturar click y pasar variable entre paginas.

[tomuer01]

Hola a todos...

Espero que me puedan ayudar con lo que necesito hacer.
Les cuento:

Tengo una pagina con un menu lateral que al ingresar a la web este aparece abierto, si le doy click en cerrar este lo hace pero si cambio de pagina vuelve a su etado original que es abierto, la idea es que recuerde la accion realizada, osea si lo cierro y me cambio de pagina (del index a contacto u otra pagina) este se mantenga cerrado.
Capture el click con esta función:

Código PHP:

  <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>  
  

Pero luego..????

Cualquier ayuda se acepta. Gracias.

[IsaBelM]

se trata de usar window.name

inserta esto en cada página

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;

para probarlo

pag1.html

<input type="button" value="ocultar" onclick="fnc2()" /><a href="pag1.html">siguiente</a><input type="button" value="mostrar" onclick="fnc3()" />
<div id="menu" style="width: 200px; height: 200px; background: red;">MENU</div>

pag2.html

<input type="button" value="ocultar" onclick="fnc2()" /><a href="pag2.html">siguiente</a><input type="button" value="mostrar" onclick="fnc3()" />
<div id="menu" style="width: 200px; height: 200px; background: red;">MENU</div>

[kakywaty]

Has probado con:

Código Javascript:

$(document).ready(function(){
    $('#close').click()
})
 

Esta función ejecuta el click sobre el id "close" nada más cargarse la página.

Aunque habría que mirar porqué se queda abierto el menú ya que esta solución si funciona es un parche.

[tomuer01]

Muchas gracias IsaBelM, funciona muy bien, pero me gustaria ver una pequeña cosa mas (estetica), te cuento...
Para mostrar u ocultar el menu llamo a dos clases css:

Código HTML:

<a id="close" class="close" href="#" onclick="fnc2()">Cerrar Panel</a>
<a id="open" class="open"  style="display: none;" href="#" onclick="fnc3()"><?php echo $_SESSION['id']?'Abrir Panel':'Iniciar Sesión';?></a> 

close y open.

Este es el codigo css:

Código CSS:

.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}
 

Para cambiar de imagen al hcer click (Mostrar panel-Ocultar panel) pero esto no funciona bien, no se activa la clase tengo que hacer 2 click para que cambie de estado.
¿Se podra mejorar este codigo o cambiarlo para que funcione?
La idea es un solo boton o enlace que cambie de estado.

Desde ya muchas gracias.

[IsaBelM]

a ver si esto te lo soluciona

[tomuer01]

Funciona todo bien, si cierro el menu en el index y me cambio de pagina este sigue cerrado...ok, peo la clase "open" no se activa no me dice "abrir panel" se queda en "cerrar panel" cuando el panel esta cerrado...

¿Qué será?

[tomuer01]

Ya supe cual era el inconveniente...

¿Se puede forzar la activacion de una clase sin necesidad de hace click?

$(document).ready(function() {
nose...

[IsaBelM]

uffff, si me hablas de ready() sólo se que usar para invocar a una función antes de que el documento esté cargado

prueba con esto

function fnc2() {
window.name = 'none';
document.getElementById('menu').style.display = 'none';
document.getElementById('close').style.display = 'none';
document.getElementById('open').style.display = 'block';
}


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


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

window.onload = fnc;

[tomuer01]

Excelente...
Muchas gracias...
Le hice algunos cambios y funciona a la perfeccioón...