jQuery ile Cookie Kullanımı
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

jQuery ile Cookie Kullanımı

profil
emrhangms
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(5493)
RAPOR ET
Bugün ki dersimiz cookie.Çok kullanılan ve çok kullanışlı bir eklentidir.İlk olarak https://github.com/carhartl/jquery-cookie/blob/master/src/jquery.cookie.js js dosyasını indirip sayfanıza include ederek kullanabilirsiniz.

jQuery cookie ile yapabileceğimiz işlemlere bakalım.


$.cookie("cookie_adi"); // cookie değerini almak
$.cookie("cookie_adi", "cookie_değeri") // cookie'ye değer atamak
$.cookie("cookie_adi", "cookie_değeri", {expires: 7}); // cookieyi bellii bir gün sonra silme
$.cookie("cookie_adi", null, {expires: -1}); // cookie silmek


Bu kadar basit birşeydir aslında bunlar kullanıcıya arkaplan seçtirme kullanıcı girişlerini tutma gibi ve aklıma gelmeyen bir çok yöntemde kullanılarbilinir.Bir tane de örnek yaptım öğrenebilmeniz adına.

Örnek:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
<script type="text/javascript">
$(function(){

if($.cookie("arkaplan","null")){//Burada arkaplan cookiesinin boş olup olmadığını kontrol ettirdik.
$.cookie("arkaplan","0.jpg");//Eğer boş ise 0.jpg yi cookieye ekliyor
$("img").attr("src" , $.cookie("arkaplan") );//Aşağıya eklediğimiz arkaplanı değiştirtiyoruz.
}

$("button").click(function(){
var deger = $(this).attr("data");//butonlardaki data verisini deger değişkenine aktardık
$.cookie("arkaplan" , deger + ".jpg",{expires: 17});//arkaplan cookiesini oluşturduk ,değerini atadık ve 17 gün sonra silineceğini yazdık
$("img").attr("src" , $.cookie("arkaplan") );//arkaplanı resme ekledik.
});
});
</script>
<title>jQuery - Cookie</title>
</head>
<body>
<button data="friends">Friends</button>
<button data="himym">HIMYM</button>
<button data="supernatural">Supernatural</button>
<img src="" alt="" width="1000px" height="580px" />
</body>
</html>


İşte bu kadar kolay derslerin devamı için takipte kalın. :)Resimlerdeki isimler butonlardaki data isimleriyle aynı olmak zorundadır.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol