Cookies

Apa itu cookie?

Cookie itu serangkaian text yang disimpen di komputer oleh situs web yang elo kunjungin.

Biasanya sih cookie itu isinya cuman pengaturan atau referensi gitu lah, buat situs-situs web tertentu, misal referensi tentang bahasa elo atau lokasi (negara), dll. (jadi gak semua situs web nyimpen cookie, tergantung yang bikin web lah :P)

Nah pas elo (suatu hari/beberapa detik kemudian atau kapan-kapan) balik lagi ke situs itu, situs itu bakalan nyari cookie yang dikasih browser, terus ngambil informasi dari situ (kalo ada) buat keperluan (misal) tampilan/interface bahasa dll.

Gettooo... :P ,, kalo pengen lebih jelas, baca aja di support.mozilla.com/id/kb/Tentang Cookie (gw juga taunya dari situ XD)

JavaScript buat namPolin Cookie (document.cookie)

<script type="text/javascript">
<!--
  document.write('<p>'+document.cookie+'</p>');
//-->
</script>

Hasilnya

__qca=P0-868669494-1343202823908; _fc_cookie_821016=1; k_visit=1; fbm_468144096551377=base_domain=.blogspot.com; fbm_435400473184663=base_domain=.blogspot.com; fbm_259537197457143=base_domain=.blogspot.com; fbm_342772575765498=base_domain=.blogspot.com; _fc_cookie_811563=1; fbm_165004836848833=base_domain=.blogspot.com; fbm_392974307455152=base_domain=.blogspot.com; fbm_365000993512715=base_domain=.blogspot.com; fbm_244673202258297=base_domain=.blogspot.com; fbm_372170966127663=base_domain=.blogspot.com; fbm_195971623828895=base_domain=.blogspot.com; fbm_187599707922663=base_domain=.blogspot.com; fbm_197774166984061=base_domain=.blogspot.com; fbm_223938044382342=base_domain=.blogspot.com; fbm_140803912692637=base_domain=.blogspot.com; fbm_343115212381870=base_domain=.blogspot.com; fbm_501000586607547=base_domain=.blogspot.com; __unam=5458c72-13b75aeb8fc-6c710cf9-22; ac5e_unique_user=1; _em_hl=1; _em_vt=f533d2fd197889c35ec1e2f76d0450c1a270d6c148-7580323450caf5c0; fbm_540229372655592=base_domain=.blogspot.com; fbm_319583448157430=base_domain=.blogspot.com; fbm_100282006691799=base_domain=.blogspot.com; gbrlocoy=http%3A//profile.ak.fbcdn.net/hprofile-ak-ash4/371531_100001840077582_2087349434_n.jpg; fbsr_319583448157430=wir254xjXS_dPWdivi4wlghseCyefPW_KrwWsqtGLkA.eyJhbGdvcml0aG0iOiJITUFDLVNIQTI1NiIsImNvZGUiOiJBUUQzZGVRZ2hWaHBIc2x4XzZBS3pJWVNvRk8zN3h4dTdacmNwcmU1a2NNOGlOckVyX21Rb1U0NHFRTDNyRFJfc05YSERVTG1nSXlRajhSdXdmWGhleGFUUXE4bnFEbDFEMmYxOGVmeWpsdkUwaV93b2c1SkV5RC0tV0lwaFpXanlOSnJMTW9hZHFmakttdDE3YjBGN05nUXR3cENzeDhnOHJPSDVDb2JjaUFTTGJQcnJac2o2UFB3ODJ6TjNUWHE4X2tmdUFfZGJNNEVkTFIxaGdVQVlIT08iLCJpc3N1ZWRfYXQiOjEzNTU1NTYyODAsInVzZXJfaWQiOiIxMDAwMDE4NDAwNzc1ODIifQ; fbsr_501000586607547=l_DmW0pUkeaULwTE8Iul0UjnRiv7Rq-ofd664LtZIhs.eyJhbGdvcml0aG0iOiJITUFDLVNIQTI1NiIsImNvZGUiOiJBUUJhdVF3UnFiQTRjQlRmNFVGMkU0cjlBZjd5VmZieDlZSkJLSV9YOWtaZ2pJcmVFUVpYTFpraEVFZUtFdGhnSzBhNjdTY0NJQ09EcmhRYVVhSHVZMlZSdnFONnBjY19aUncwMzU2ZG52WnhiUlhTTkZKUmljSG10M25ueEh4dmVkLTBNV1NGMkxWQ0ZpLXgzeUJzTmVJa3RkQnVoSVkwWklvWVBWSHZPellmRUg3VmdWamxKUGtYTFlwanl5UkdUeEJ1d0pUWG5PMnFCVjYydjNBM2p6akMiLCJpc3N1ZWRfYXQiOjEzNTU1NTY2OTEsInVzZXJfaWQiOiIxMDAwMDE4NDAwNzc1ODIifQ

Dipisah-pisah menurut karakter pemisah ; (document.cookie.split(';'))

<script type="text/javascript">
<!--
function pisahinKuki(){
  var i;
  var eureyKuki  = document.cookie.split(';');
  for(i=0; i<eureyKuki.length; i++){
    document.write('<p><b>'+i+'=&gt;&gt;</b> '+eureyKuki[i]+'</p>');
  }
}

pisahinKuki();
//-->
</script>

Hasilnya

0=>> __qca=P0-868669494-1343202823908

1=>> _fc_cookie_821016=1

2=>> k_visit=1

3=>> fbm_468144096551377=base_domain=.blogspot.com

4=>> fbm_435400473184663=base_domain=.blogspot.com

5=>> fbm_259537197457143=base_domain=.blogspot.com

6=>> fbm_342772575765498=base_domain=.blogspot.com

7=>> _fc_cookie_811563=1

8=>> fbm_165004836848833=base_domain=.blogspot.com

9=>> fbm_392974307455152=base_domain=.blogspot.com

10=>> fbm_365000993512715=base_domain=.blogspot.com

11=>> fbm_244673202258297=base_domain=.blogspot.com

12=>> fbm_372170966127663=base_domain=.blogspot.com

13=>> fbm_195971623828895=base_domain=.blogspot.com

14=>> fbm_187599707922663=base_domain=.blogspot.com

15=>> fbm_197774166984061=base_domain=.blogspot.com

16=>> fbm_223938044382342=base_domain=.blogspot.com

17=>> fbm_140803912692637=base_domain=.blogspot.com

18=>> fbm_343115212381870=base_domain=.blogspot.com

19=>> fbm_501000586607547=base_domain=.blogspot.com

20=>> __unam=5458c72-13b75aeb8fc-6c710cf9-22

21=>> ac5e_unique_user=1

22=>> _em_hl=1

23=>> _em_vt=f533d2fd197889c35ec1e2f76d0450c1a270d6c148-7580323450caf5c0

24=>> fbm_540229372655592=base_domain=.blogspot.com

25=>> fbm_319583448157430=base_domain=.blogspot.com

26=>> fbm_100282006691799=base_domain=.blogspot.com

27=>> gbrlocoy=http%3A//profile.ak.fbcdn.net/hprofile-ak-ash4/371531_100001840077582_2087349434_n.jpg

28=>>fbsr_319583448157430=wir254xjXS_dPWdivi4wlghseCyefPW_KrwWsqtGLkA.eyJhbGdvcml0aG0iOiJITUFDLVNIQTI1NiIsImNvZGUiOiJBUUQzZGVRZ2hWaHBIc2x4XzZBS3pJWVNvRk8zN3h4dTdacmNwcmU1a2NNOGlOckVyX21Rb1U0NHFRTDNyRFJfc05YSERVTG1nSXlRajhSdXdmWGhleGFUUXE4bnFEbDFEMmYxOGVmeWpsdkUwaV93b2c1SkV5RC0tV0lwaFpXanlOSnJMTW9hZHFmakttdDE3YjBGN05nUXR3cENzeDhnOHJPSDVDb2JjaUFTTGJQcnJac2o2UFB3ODJ6TjNUWHE4X2tmdUFfZGJNNEVkTFIxaGdVQVlIT08iLCJpc3N1ZWRfYXQiOjEzNTU1NTYyODAsInVzZXJfaWQiOiIxMDAwMDE4NDAwNzc1ODIifQ

29=>> fbsr_501000586607547=l_DmW0pUkeaULwTE8Iul0UjnRiv7Rq-ofd664LtZIhs.eyJhbGdvcml0aG0iOiJITUFDLVNIQTI1NiIsImNvZGUiOiJBUUJhdVF3UnFiQTRjQlRmNFVGMkU0cjlBZjd5VmZieDlZSkJLSV9YOWtaZ2pJcmVFUVpYTFpraEVFZUtFdGhnSzBhNjdTY0NJQ09EcmhRYVVhSHVZMlZSdnFONnBjY19aUncwMzU2ZG52WnhiUlhTTkZKUmljSG10M25ueEh4dmVkLTBNV1NGMkxWQ0ZpLXgzeUJzTmVJa3RkQnVoSVkwWklvWVBWSHZPellmRUg3VmdWamxKUGtYTFlwanl5UkdUeEJ1d0pUWG5PMnFCVjYydjNBM2p6akMiLCJpc3N1ZWRfYXQiOjEzNTU1NTY2OTEsInVzZXJfaWQiOiIxMDAwMDE4NDAwNzc1ODIifQ

Dipisah-pisah nyaring nama sama value (substr dari indexOf('='))

<script type="text/javascript">
<!--
function pisahinNamaSamaValueKuki(){
  var i,x,y,z;
  var eureyKuki  = document.cookie.split(';');

  for(i=0; i<eureyKuki.length; i++){
    // jumlah karekter sebelum tanda =
    z = eureyKuki[i].indexOf('=');
    // karekter dari ke 0 sampai sebanyak z karakter (z=diatas)
    x = eureyKuki[i].substr(0,z);
    // karekter dari ke z+1 sampai sebanyak sisanya
    y = eureyKuki[i].substr(z+1);
    // ganti karakter ^ | $ yang ada di x (diatas) pake '' (''=kosong)
    x = x.replace(/^\s+|\s+$/g,'');

    document.write('<p>');
    document.write('<b>Nama:</b> '+x);
    document.write('<br/>');
    document.write('<b>Value:</b> '+y);
    document.write('</p>');
  }
}

pisahinNamaSamaValueKuki();
//-->
</script>

Hasilnya

Nama: __qca
Value: P0-868669494-1343202823908

Nama: _fc_cookie_821016
Value: 1

Nama: k_visit
Value: 1

Nama: fbm_468144096551377
Value: base_domain=.blogspot.com

Nama: fbm_435400473184663
Value: base_domain=.blogspot.com

Nama: fbm_259537197457143
Value: base_domain=.blogspot.com

Nama: fbm_342772575765498
Value: base_domain=.blogspot.com

Nama: _fc_cookie_811563
Value: 1

Nama: fbm_165004836848833
Value: base_domain=.blogspot.com

Nama: fbm_392974307455152
Value: base_domain=.blogspot.com

Nama: fbm_365000993512715
Value: base_domain=.blogspot.com

Nama: fbm_244673202258297
Value: base_domain=.blogspot.com

Nama: fbm_372170966127663
Value: base_domain=.blogspot.com

Nama: fbm_195971623828895
Value: base_domain=.blogspot.com

Nama: fbm_187599707922663
Value: base_domain=.blogspot.com

Nama: fbm_197774166984061
Value: base_domain=.blogspot.com

Nama: fbm_223938044382342
Value: base_domain=.blogspot.com

Nama: fbm_140803912692637
Value: base_domain=.blogspot.com

Nama: fbm_343115212381870
Value: base_domain=.blogspot.com

Nama: fbm_501000586607547
Value: base_domain=.blogspot.com

Nama: __unam
Value: 5458c72-13b75aeb8fc-6c710cf9-22

Nama: ac5e_unique_user
Value: 1

Nama: _em_hl
Value: 1

Nama: _em_vt
Value: f533d2fd197889c35ec1e2f76d0450c1a270d6c148-7580323450caf5c0

Nama: fbm_540229372655592
Value: base_domain=.blogspot.com

Nama: fbm_319583448157430
Value: base_domain=.blogspot.com

Nama: fbm_100282006691799
Value: base_domain=.blogspot.com

Nama: gbrlocoy
Value: http%3A//profile.ak.fbcdn.net/hprofile-ak-ash4/371531_100001840077582_2087349434_n.jpg

Nama: fbsr_319583448157430
Value:wir254xjXS_dPWdivi4wlghseCyefPW_KrwWsqtGLkA.eyJhbGdvcml0aG0iOiJITUFDLVNIQTI1NiIsImNvZGUiOiJBUUQzZGVRZ2hWaHBIc2x4XzZBS3pJWVNvRk8zN3h4dTdacmNwcmU1a2NNOGlOckVyX21Rb1U0NHFRTDNyRFJfc05YSERVTG1nSXlRajhSdXdmWGhleGFUUXE4bnFEbDFEMmYxOGVmeWpsdkUwaV93b2c1SkV5RC0tV0lwaFpXanlOSnJMTW9hZHFmakttdDE3YjBGN05nUXR3cENzeDhnOHJPSDVDb2JjaUFTTGJQcnJac2o2UFB3ODJ6TjNUWHE4X2tmdUFfZGJNNEVkTFIxaGdVQVlIT08iLCJpc3N1ZWRfYXQiOjEzNTU1NTYyODAsInVzZXJfaWQiOiIxMDAwMDE4NDAwNzc1ODIifQ

Nama: fbsr_501000586607547
Value: l_DmW0pUkeaULwTE8Iul0UjnRiv7Rq-ofd664LtZIhs.eyJhbGdvcml0aG0iOiJITUFDLVNIQTI1NiIsImNvZGUiOiJBUUJhdVF3UnFiQTRjQlRmNFVGMkU0cjlBZjd5VmZieDlZSkJLSV9YOWtaZ2pJcmVFUVpYTFpraEVFZUtFdGhnSzBhNjdTY0NJQ09EcmhRYVVhSHVZMlZSdnFONnBjY19aUncwMzU2ZG52WnhiUlhTTkZKUmljSG10M25ueEh4dmVkLTBNV1NGMkxWQ0ZpLXgzeUJzTmVJa3RkQnVoSVkwWklvWVBWSHZPellmRUg3VmdWamxKUGtYTFlwanl5UkdUeEJ1d0pUWG5PMnFCVjYydjNBM2p6akMiLCJpc3N1ZWRfYXQiOjEzNTU1NTY2OTEsInVzZXJfaWQiOiIxMDAwMDE4NDAwNzc1ODIifQ

Create and Store a Cookie

Biar enak, sekarang kita langsung nyoba aja bikin cookie yang nyimpen informasi tentang Nama pengunjung (buat nyoba aja).

Jadi gini ceritanya:: Pas pertama orang ngunjungin blog/web page kita, kita tanya namanya, terus kita simpen namanya di Cookie.; Nah, pas besokannya/beberapa waktu kemudian dia balik lagi ke blog/web page kita, kita sambut dengan menyebut namaNya :P

First, we create a function that stores the name of the visitor in a cookie variable:

<script type="text/javascript">
<!--
function setKuki(namaKuki,value,hariBasi){
  var tglBasi=new Date();
  tglBasi.setDate(tglBasi.getDate() + hariBasi);
  var valueKuki=escape(value) + ((hariBasi==null) ? "" : "; expires="+tglBasi.toUTCString());

  document.cookie=namaKuki + "=" + valueKuki;
}
//-->
</script>

Then, we create another function that returns a specified cookie:

<script type="text/javascript">
<!--
function getKuki(namaKuki){
  var i,x,y,eureyKukis=document.cookie.split(";");

  for(i=0;i<eureyKukis.length;i++){
    x=eureyKukis[i].substr(0,eureyKukis[i].indexOf("="));
    y=eureyKukis[i].substr(eureyKukis[i].indexOf("=")+1);
    x=x.replace(/^\s+|\s+$/g,"");

    if (x==namaKuki){
      return unescape(y);
    }
  }
}
//-->
</script>

Last, we create the function that displays a welcome message if the cookie is set:

if the cookie is not set it will display a prompt box, asking for the name of the user, and stores the namelocoy cookie for 1 days, by calling the setKuki function

<script type="text/javascript">
<!--
function cekKuki(){
  var namaSiDia=getKuki("namelocoy");
  if(namaSiDia==null || namaSiDia==""){
    namaSiDia=prompt("Would You mind telling Me Your Name, Please?","");
    if(namaSiDia!=null && namaSiDia!=""){
      setKuki("namelocoy",namaSiDia,1);
    }
  }else{
    var welkomMesej = "Wadooh jurigan " + namaSiDia + ", apa kabar gan? :D\n";
        welkomMesej += "Seneng bisa ketemu lagi sama agan " +namaSiDia+ "\n\n";
        welkomMesej += "Silahkan gan muter-muter ampe mabok dah XD\n";
        welkomMesej += "monggo.. monggo..";
    alert(welkomMesej);
  }
}
//-->
</script>

Coba kalo dimodip digabungin antara Facebook User Id sama Ip address :) hmm lumayan..

Berbagaicara ILMU

Search This Blog

Ingat Waktu Coy

Jumat, 14 Desember 2012

Cookies Cookies

Apa itu cookie?

JavaScript buat namPolin Cookie (document.cookie)

Hasilnya

Dipisah-pisah menurut karakter pemisah ; (document.cookie.split(';'))

Hasilnya

Dipisah-pisah nyaring nama sama value (substr dari indexOf('='))

Hasilnya

Create and Store a Cookie

0 komentar:

Posting Komentar