Javascript ile cookie bırakma

Şimdi bizim gibi yazılımcılar performans açısından bazı taktikler uygularız. Bunlardan biri javascript e yüklenip kişinin tarayıcısına iş yaptırmaktır

Şimdi php ile cookie bırakmak hem kullanıcının tarayıcısına hemde servera küçükte olsa yük bindirir.

bizim bu eklenti ile yapacağımız kullanıcının pc sine yük bindirmek yük dediysem pc kasacak kadar değil merak etmeyin
neyse örneğimize geçelim

Kullanacağımız eklenti
https://github.com/carhartl/jquery-cookie

Bunu indirin içerisindeki
jquery.cookie.js

isimli dosya bizim işimizi görecek olan dosya bunu

Kod:

<script type="text/javascript" src="jquery.cookie.js"></script>

head tagları arasına alıyoruz src deki yolu tam verin dosya nerde ise orayı yazın genelde hata oluyor.

sonra aşağıdaki kodu hemen altına yapıştırıyoruz

Kod:

<script type="text/javascript">
    $(function(){
        //sayfa yenilendiğindeki cookie kontrolü varsa menüyü saklıyor yoksa gösteriyor
        var menu = $.cookie("kmenu");
        if(menu){
            $(".uye-menu").hide();
            $(".gdugme").text("Menüyü Aç");
        }else{
            $(".uye-menu").show();
            $(".gdugme").text("Gösterme");
        }
             
        $(".gdugme").click(function(){
            //Düğmeye basıldığındaki cookie kontrolü var ise cookie siliyor menüyü gösteriyor yoksa cookie oluşturup menüyü gizliyor
            var menu = $.cookie("kmenu");
            if(menu){
                $.removeCookie('kmenu');
                $(".uye-menu").show();
                $(".gdugme").text("Gösterme");
            }else{
                $.cookie("kmenu", "menu", {expires:30});
                $(".uye-menu").slideUp();
                $(".gdugme").text("Menüyü Aç");
            }
             
        });
 
    });
     
    </script>

body tagları arasına da
ekliyoruz.

<script type="text/javascript">
    $(function(){
        //sayfa yenilendiğindeki cookie kontrolü varsa menüyü saklıyor yoksa gösteriyor
        var menu = $.cookie("kmenu");
        if(menu){
            $(".uye-menu").hide();
            $(".gdugme").text("Menüyü Aç");
        }else{
            $(".uye-menu").show();
            $(".gdugme").text("Gösterme");
        }
             
        $(".gdugme").click(function(){
            //Düğmeye basıldığındaki cookie kontrolü var ise cookie siliyor menüyü gösteriyor yoksa cookie oluşturup menüyü gizliyor
            var menu = $.cookie("kmenu");
            if(menu){
                $.removeCookie('kmenu');
                $(".uye-menu").show();
                $(".gdugme").text("Gösterme");
            }else{
                $.cookie("kmenu", "menu", {expires:30});
                $(".uye-menu").slideUp();
                $(".gdugme").text("Menüyü Aç");
            }
             
        });
 
    });
     
    </script>

Şimdi bunları yaptık ama nedir bu ne işe yarar. Hemen bahsediyorum ama ilk önce bu eklentinin kodlarını açıklayayım.nu');

Şimdi tam olarak açıklamaya geçeyim burda bir menümüz var bu menümüzü kullanıcı kapatınca sayfayı yenilese dahi gözükmeMEsini istiyoruz o yüzden bir cookie bırakıyoruz. Eğer dolu ise menümüz gözükmicek eğer boş yani null ise menümüz gözükecek. Anlamadıysanız yorum yazarak anlamadığınız yeri sorun

Bir önceki yazımız olan Html tabindex parametresi başlıklı makalemizde tab ile geçiş, tab tuşu geçişi ve tab tuşu ile sıradaki hakkında bilgiler verilmektedir.