Tuesday, August 2, 2011

cookies with jquery(set,get and delete cookies)........??

I can easily manage cookies information by using  jquery cookie plugin.

Download jquery cookie plugin here http://plugins.jquery.com/project/Cookie

Here I was share simple script to handle jquery cookies:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>

    <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>

    <script src="js/jquery.cookie.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
    function setCookie(name,value,days) {
        if (days) {
            var date = new Date();
            date.setTime(date.getTime()+(days*24*60*60*1000));
            var expires = "; expires="+date.toGMTString();
        }
        else var expires = "";
        document.cookie = name+"="+value+expires+"; path=/";
    }

    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,c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
        }
        return null;
    }

    function deleteCookie(name) {
        setCookie(name,"",-1);
    } 
   
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Button1" type="button" onclick="setCookie('myCookie', 'myValue', 1);" value="SetCookies" />
        <input id="Button2" type="button" onclick="alert(getCookie('myCookie'));" value="GetCookies" />
        <input id="Button3" type="button" onclick="deleteCookie('myCookie');" value="DeleteCookiess" />
    </div>
    </form>
</body>
</html>

In above code setCookie() used for setting cookies, getCookie() function used for get cookies value and deleteCookie() used for delete cookies information.

Njoy coding.....:)

No comments:

Post a Comment