Menyimpan Cookie dan Menampilkan Dalam Bentuk $("#").html()

Author : Sigit Purnomo | Released : November 29, 2015 | Category :
wali chord
Untuk membuat cookie bisa tersimpan didalam sebuah website atau blog perlu menjelaskan beberapa perintah yaitu menetapkan kapan masa cookie akan berakhir.

Perintah sederhana bisa dengan menggunakan cara ini expires=Wed, 18 Dec 2023 12:00:00 GMT
Itu akan menetapkan bahwa masa cookie hanya berlaku sampai 18 Desember 2023 dan akan terhapus setelah masa itu terlampaui.

Disini saya telah menyiapkan kode-kode lengkap beserta jQuery dan tag HTML yang langsung bisa diterapkan pada website.
<script>
function displayCookies() {
var nDepan=getCookie("namaDepan");
if (nDepan==null) {nDepan="";}
if (nDepan!="") {nDepan=nDepan;}
var nBelakang=getCookie("namaBelakang");
if (nBelakang==null) {nBelakang="";}
if (nBelakang!="") {nBelakang=nBelakang;}


// PILIH SALAH SATU
$("#tampilKonten").html("<div>" + nDepan + nBelakang + "</div>") //Jika menggunakan jQuery

alert(nDepan + nBelakang);
//Jika menggunakan alert
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(nameEQ) != -1) return c.substring(nameEQ.length,c.length);
}
return null;
}
</script>

<button type="button" onclick='document.cookie="namaDepan=Sigit;expires=Wed, 18 Dec 2023 12:00:00 GMT"'>Simpan Nama Depan</button>

<button type="button" onclick='document.cookie="namaBelakang=Ganteng;expires=Wed, 18 Dec 2023 12:00:00 GMT"'>Simpan Nama Belakang</button>

<button type="button" onclick='document.cookie="namaDepan=;expires=Wed; 01 Jan 1970"'>Hapus Nama Depan</button>

<button type="button" onclick='document.cookie="namaBelakang=;expires=Wed 01 Jan 1970"'>Hapus Nama Belakang</button>

<!----------- Hanya Digunakan Untuk jQuery ----------->
<div id="tampilKonten"></div>

<button style="padding: 10px 20px; background: #D1B7B7; font-size: 17px;" type="button" onclick='displayCookies()'>Terapkan Cookie</button>

Silahkan di setting sesuai kebutuhan. Anda juga dapat merubah menjadi pilihan tunggal, tinggal hapus beberapa kode-nya..

Example

UPDATE

Menyimpan Cookie dengan input form

Google+

Linkedin

Silahkan berkomentar sesuai topik yang dibahas