Foros del Web - Ver Mensaje Individual - Mantener un div Visible cuando cambia la url

iovan · #11 (**permalink**) 23/02/2012, 10:34

¿laborioso?, no como crees.

Mira si son como 20 lineas y ya está:

Código Javascript:

Ver original$(function () {
    
    if($.cookie('mostrarChat')=='si')
        $("#chat").css('display','block');
    else $("#chat").css('display','none');
    
    $("#enlace").click(function(){
            var displayStatus = $("#chat").css('display');
            
            switch(displayStatus){
                case 'none':    $("#chat").css('display','block');
                                $.cookie('mostrarChat', 'si');
                    break;
                case 'block':   $("#chat").css('display','none');
                                $.cookie('mostrarChat', null);
                    break;
            }
            
    });
});

DEMÁS HTML PARA QUE HAGAS LAS PRUEBAS

Código HTML:

Ver original<head>
<script src="http://code.jquery.com/jquery-1.7.1.min.js" language="javascript"></script>
<script src="http://code.jquery.com/jquery.cookie.js" language="javascript"></script>
<!-- DESCARGATE EL jquery.cookie.js de alguna parte, ya no está alojado en jquery.com -->
 
<style type="text/css">
 
#chat{
    position:absolute;
    bottom:0;
    right:0;
        width: 300px;
        height: 500px;
        border: #000 solid 1px;
        padding: .5em;
}
 
</style>
</head>
 
<body>
<a href="#" id="enlace">Mostrar/ocultar chat</a>
    
    <div id="chat" style="display: none">
        
        Este es el contenido del chat
        
    </div>
</body>

...... En fin, se utilizó una cookie o no??