this content was originally posted here.

set and check a cookie using js cookie

this library makes setting and checking cookies so easy its amazing!

include this script

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.4/js.cookie.min.js"></script>

set a cookie

this will add a cookie with the name mycookie and the value hi there

Cookies.set('mycookie', 'hi there'); 

load a cookie

Cookies.get('mycookie');

check if a cookie matches a value

if(Cookies.get('mycookie') !== 'hi there') {
	// cookie content does not match 
} else {
	// cookie content matches the string
}

delete the cookie

Cookies.remove('mycookie');

demo

Note: you will need to check your browser cookies to see the cookie. In chrome you can see this with developer tools: F12. Then find the Applicatoin tab, and then Storage, Cookies for this domain, you should be able to see a cookie named 'moo'.

To see if its persistant (which it should be) reload this page and the cookie should still be there.

demo code

<p><button class='btn btn-primary' onclick="Cookies.set('moo', 'cow');">Set Cookie: 'moo' to 'cow'</button> <button class='btn btn-red' onclick="Cookies.remove('moo');">Delete the moo Cookie</button></p>

Links

JS Cookie Github

Demo

database file: /home/kruxor/Dropbox/ssl.kruxor.com/root/kruxor.com/db/db.db
comments_dbfile: /home/kruxor/Dropbox/ssl.kruxor.com/root/kruxor.com/db/comments.db ($db_comments)
views_dbfile: /home/kruxor/Dropbox/ssl.kruxor.com/root/kruxor.com/db/views.db
$dbfood_file: /home/kruxor/Dropbox/ssl.kruxor.com/root/kruxor.com/db/food.db
db_linx: /home/kruxor/Dropbox/ssl.kruxor.com/root/kruxor.com/linx/db/db.db
Classes Loaded:
class/answers.class.php
class/code.class.php
class/comments.class.php
class/content.class.php
class/core.class.php
class/crud.class.php
class/crumbs.class.php
class/featured.class.php
class/food.class.php
class/functions.class.php
class/images.class.php
class/import.class.php
class/links.class.php
class/questions.class.php
class/template.class.php
class/tv.class.php
class/user.class.php
class/utilities.class.php
class/views.class.php
class/widget.class.php
Class Extend Loaded: class/extends/expenses.extend.php
Class Extend Loaded: class/extends/gary_cummins_timeline.extend.php
Class Extend Loaded: class/extends/moo.extend.php
Class Extend Loaded: class/extends/osrs_item_data.extend.php
Class Extend Loaded: class/extends/osrs_slayer.extend.php
Class Extend Loaded: class/extends/osrs_slayer_monsters.extend.php
Class Extend Loaded: class/extends/searches.extend.php
Core Database Connected: expenses.db
expenses add_to_menu:
Class Extend Auto Initialized as: expenses
Core Database Connected: gary_cummins_timeline.db
gary_cummins_timeline add_to_menu:
Class Extend Auto Initialized as: gary_cummins_timeline
Core Database Connected: moo.db
moo add_to_menu:
Class Extend Auto Initialized as: moo
Core Database Connected: osrs_item_data.db
osrs_item_data add_to_menu:
Class Extend Auto Initialized as: osrs_item_data
Core Database Connected: osrs_slayer.db
osrs_slayer add_to_menu:
Class Extend Auto Initialized as: osrs_slayer
Core Database Connected: osrs_slayer_monsters.db
osrs_slayer_monsters add_to_menu:
Class Extend Auto Initialized as: osrs_slayer_monsters
Core Database Connected: searches.db
searches add_to_menu:
Class Extend Auto Initialized as: searches
$user_logged_in:
user access level:
pages:
$p1:view
$p2:code
$p3:M4PF7
$p4:set-and-check-a-cookie-using-js-cookie
$p5:
$p6:
$p:/view/code/M4PF7/set-and-check-a-cookie-using-js-cookie/
Using Template: view-code.html