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
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+'=>></b> '+eureyKuki[i]+'</p>'); } } pisahinKuki(); //--> </script>
Hasilnya
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
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..