HI WELCOME TO KANSIRIS

Multiple values on one cookie

Leave a Comment
var delimiter = "#";

function createCookie(name, value, days, path, domain, secure) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
    var expires = date.toGMTString();
  } else var expires = "";
  cookieString = name + "=" + escape(value);
  if (expires)
    cookieString += "; expires=" + expires;
  if (path)
    cookieString += "; path=" + escape(path);
  if (domain)
    cookieString += "; domain=" + escape(domain);
  if (secure)
    cookieString += "; secure";
  document.cookie = cookieString;
}

function getCookie(name) {
  var nameEquals = name + "=";
  var whole_cookie = document.cookie.split(nameEquals)[1].split(";")[0];
  return whole_cookie;
}

function deleteCookie(name) {
  createCookie(name, "", -1);
}

function myCookie() {
  var name = document.getElementById('name').value;
  var age = document.getElementById('age').value;
  var userdata = name + delimiter + age;
  createCookie("user", userdata);
  var myUser = getCookie('user');
  var myUserArray = myUser.split(delimiter);
  var cookieName = myUserArray[0];
  var cookieAge = myUserArray[1];
  alert('The cookie created has the following user information stored on it: \nName: ' + cookieName + '\nAge: ' + cookieAge);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

Please enter your name
<input type=text id='age' />
<br>
<br>Please enter your age
<input type=text id='name' />
<input type=button value='Go!' onClick='myCookie()' />

0 comments:

Post a Comment

Note: only a member of this blog may post a comment.