Arkadaşlar merhaba. Java/Jquery sistemlerine oldukça yabancıyım. Bu konuda bir problemim var. Yaklaşık 1 aydır üzerinde çalışıyorum çözemedim..

Sitemde cookie kullanmaya çalışıyorum. Amacım, kullanıcı sol kolonu gizle butonuna bastığında sol kolon gizlensin. Ve diğer sayfalara geçiş yaptığında gizli şekilde kalsın. Aynı durum tam tersi içinde geçerli.

Sol kolonu gizlemek için butonları ekledim.

Aşağıdaki şekilde bir kullanım yaptım:

<script>
            $('#solgoster').hide();
            $('#solgizle').click(function(){
                var el = $('#sol_kisim'),
                    curHeight = el.height(),
                    autoHeight = el.css('height', 'auto').height();
                el.height(curHeight).animate({height: autoHeight}, 500);
                $('#solgizle').hide();
                $('#solgoster').show();
                $.cookie('solgizle', true );
            });
            $('#solgoster').click(function(){
                $('#sol_kisim').animate({height: '190'}, 500);
                $('#solgizle').show();
                $('#solgoster').hide();
                $.cookie('solgizle', false);
            });
            if
                ($.cookie('solgizle') == 'true')
            {$('#solgizle').click();}
            else
            {$('#solgoster').click();}
        </script>

HTML kısmında da:

<a onclick="$('.sol_kisim').show({})" id="solgoster">Sol Kolon Göster</a>

<a onclick="$('.sol_kisim').hide({})" id="solgizle">Sol Kolon Gizle</a>

Cookie sistemi olarak aşağıdaki JS'yi kullanıyorum;
https://github.com/carhartl/jquery-cookie
(jquery.cookie.js)

Şimdi sistem güzel çalışıyor. Kullanıcı sol kolonu gizle butonuna bastığında gizleniyor. Göster dediğinde de gösteriliyor.

Probleme gelecek olursam, bu işlem sadece o sayfada geçerli oluyor. Cookie sadece kullanıcının gizle / göster yaptığı sayfa için geçerli oluyor. Sitede url adresi değiştiğinde örneğin /iletisim.html'de cookie sıfırlanıyor.

Bunun için sanırım aşağıdaki kullanımı yapmam gerekiyor:

$.cookie('name', 'value', { expires: 7, path: '/' });

Bunu nasıl yapacağımı çözemedim. Yardımlarınız için şimdiden teşekkür ederim.