Cara Menyimpan Cookie Website dengan Form Input Button

Sebelumnya telah saya jelaskan tentang bagaimana cara membuat cookie dan menyimpan kedalam blog/ website serta cara menghapusnya. Namun pada versi sebelumnya tidak dilengkapi dengan input form, jadi cookie hanya bisa dibuat permanen oleh pemilik blog.

Dengan sedikit rombakan ini kalian bisa menyuguhkan ini dengan bebas pengunjung memasukkan nama atau sesuatu tanpa harus keluar alert seperti yang kebanyakan orang lain ajarkan.

Berikut Kode-kodenya

HTML
<form name="formCookie">
<input type="text" name="inputCookie" style="width:60%;" maxlength="20" placeholder="TULISAN"/>
<input type="button" value="Simpan" onClick="gaeCookie()"/>
<input type="button" value="Hapus" onClick="busekCookie()"/>
</form>
JavaScript
function gaeCookie() {
    index = document.cookie != document.cookie ? document.cookie.indexOf(cookieCrot) : -1, -1 == index && (simpenCookie = document.formCookie.inputCookie.value, document.cookie = cookieCrot + "http://www.kangsigit.com" + simpenCookie + "; expires=Monday, 04-Apr-2020 05:00:00 GMT") //MASA COOKIE BERAKHIR (bisa diganti asal lebih dari tanggal sekarang, sebaiknya buat minimal satu tahun dari sekarang)
}

function busekCookie() {
    index = document.cookie != document.cookie ? document.cookie.indexOf(cookieCrot) : -1, -1 == index && (simpenCookie = document.formCookie.inputCookie.value, document.cookie = cookieCrot + "http://www.kangsigit.com" + simpenCookie + "; expires=Monday, 04-Apr-2015 05:00:00 GMT") //MASA COOKIE BERAKHIR (jangan diganti)
}

function loadCookie(a) {
    for (var b = !1, c = 0, d = 0, e = document.cookie, f = 0; f <= e.length;) {
        if (c = f, d = c + a.Length, e.substring(c, d) == a) {
            b = !0;
            break
        }
        f++
    }
    return b ? (c = d + 1, d = document.cookie.indexOf(";", c), d < c && (d = document.cookie.length), document.cookie.substring(c, d)) : ""
}

function getName() {
    return document.cookie ? (index = document.cookie.indexOf(cookieCrot), -1 != index ? (namestart = document.cookie.indexOf("", index) + 35, nameend = document.cookie.indexOf(";", index), -1 == nameend && (nameend = document.cookie.length), judInfoNULL = document.cookie.substring(namestart, nameend)) : "<h3>Hay, Tulis Sesuatu Ya</h3><p>Tulisan kamu akan muncul disini lho...</p>") : "<h3>Hay, Tulis Sesuatu Ya</h3><p>Tulisan kamu akan muncul disini lho...</p>"
}
var simpenCookie;
cookieCrot = "NAMA_COOKIE";
var judInfoNULL;
judInfoNULL = getName(), ketInfoNULL = loadCookie("NAMA_COOKIE"), "NAMA_COOKIE" == judInfoNULL && (judInfoNULL = "tidak_ada_masukan"), document.write("<p style='color:red'>" + judInfoNULL + "</p>");
Catatan
Untuk http://www.kangsigit.com tidak bisa diganti atau di edit :D

CONTOH
Setelah klik simpan, silahkan Refresh/ muat ulang halaman ini untuk melihat hasilnya
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini