Scribd Logo
Upload

Welcome to Scribd!

  • 1 - 6-Cookies Javascript

    Uploaded by

    Vishal Bhole
    34 views3 pages

    Original Title

    1_6-Cookies javascript

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    34 views3 pages

    1 - 6-Cookies Javascript

    Uploaded by

    Vishal Bhole

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    JavaScript Cookies

    Working with Cookies


    A cookie is a variable that is stored on the visitor's computer. Each time the same computer requests a page with a browser, it
    will send the cookie too. With JavaScript, you can both create and retrieve cookie values.
     Each cookie has a name-value pair that contains the actual information.
     Each cookie has an expiry date after which it is trashed. If you don't specify the expiry date the cookie is trashed
    when you close the browser. This expiry date should be in UTC time.
     Each cookie also has a domain and a path.
    o The domain tells the browser to which domain the cookie should be sent. If you don't specify it, it becomes
    the domain of the page that sets the cookie.
    o The path gives you the chance to specify a directory where the cookie is active.
     Each cookie has secure. If secure is set then the cookie is sent to server only if HTTPS is used.

    Cookie creation:
    document.cookie ='cookieName=cookieValue; expires=Sat, 15 Jun 2015 20:47:11 UTC; path=/; domain=somedomain.com;'

    <!DOCTYPE html>
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta charset="utf-8" />
    <title></title>
    <script>
    function CreateCookie(name, value, expireInDays, path)
    {
    var enName = encodeURIComponent(name)
    var enValue = encodeURIComponent(value)
    if (path == '')
    path = '/'
    if (expireInDays != 0) {
    var dt = new Date();
    dt.setDate(dt.getDate() + Number(expireInDays))
    var dtUtc = dt.toUTCString();
    var str = enName + "=" + enValue + "; expires=" + dtUtc + "; path=" + path;
    }
    else {
    str = enName + "=" + enValue + "; path=" + path
    }
    document.cookie = str;
    }

    1
    JavaScript Cookies
    function GetValue(name)
    {
    if (document.cookie == "" || document.cookie == null)
    return;
    var pairs = document.cookie.split(';')
    for (var i = 0; i < pairs.length; i++) {
    var pairName = pairs[i].split('=')[0].trim()
    var pairValue = pairs[i].split('=')[1].trim()
    if (pairName.toLowerCase() == name.toLowerCase()) {
    return pairValue
    return;
    }
    }
    return "not found"
    }

    function btnCreate_click()
    {

    CreateCookie(document.forms[0].txtName.value,document.forms[0].txtValue.value,document.forms[0].txtDays.value,'/');
    }
    function btnGet_click() {
    alert(GetValue(document.forms[0].txtName.value))
    }
    function btnGetAll_click() {
    alert(document.cookie)
    }
    </script>
    </head>
    <body>
    <form action="/" method="post">
    Name: <input type="text" name="txtName" value="" /> <br />
    Value: <input type="text" name="txtValue" value="" /><br />
    Days: <input type="text" name="txtDays" value="" /><br />

    <input type="button" name="btnCreate" value="Create" onclick="btnCreate_click()" />


    <input type="button" name="btnGet" value="Get" onclick="btnGet_click()" />
    <input type="button" name="btnGetAll" value="GetAll" onclick="btnGetAll_click()" />
    <hr />
    </form>
    2
    JavaScript Cookies
    <a href="CookiesPage2.html">Page2</a>
    </body>
    </html>

    You might also like