Persist Visitors' history based upon Username using Javascript
The below trick will allow your visitors to keep the track of their last visit information etc. It will store those information of the browser cookies of the user.. Refer the Code Snippet for more details..
<html><head> <title>Javascript prompt for name</title> </head><body> <script type="text/javascript"> var expDays = 30; var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); function Who(info){ // Who var VisitorName = GetCookie('VisitorName') if (VisitorName == null) { VisitorName = prompt("Who are you?"); SetCookie ('VisitorName', VisitorName, exp); } return VisitorName; } function When(info){ // When var rightNow = new Date() var WWHTime = 0; WWHTime = GetCookie('WWhenH') WWHTime = WWHTime * 1 var lastHereFormatting = new Date(WWHTime); // Date-i-fy that number var intLastVisit = (lastHereFormatting.getYear() * 10000)+(lastHereFormatting.getMonth() * 100) + lastHereFormatting.getDate() var lastHereInDateFormat = "" + lastHereFormatting; // Gotta use substring functions var dayOfWeek = lastHereInDateFormat.substring(0,3) var dateMonth = lastHereInDateFormat.substring(4,11) var timeOfDay = lastHereInDateFormat.substring(11,16) var year = lastHereInDateFormat.substring(23,25) var WWHText = dayOfWeek + ", " + dateMonth + " at " + timeOfDay // display SetCookie ("WWhenH", rightNow.getTime(), exp) return WWHText; } function Count(info){ var psj=0; // How many times var WWHCount = GetCookie('WWHCount') if (WWHCount == null) { WWHCount = 0; } else{ WWHCount++; } SetCookie ('WWHCount', WWHCount, exp); return WWHCount; } function set(){ VisitorName = prompt("Who are you?"); SetCookie ('VisitorName', VisitorName, exp); SetCookie ('WWHCount', 0, exp); SetCookie ('WWhenH', 0, exp); } function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); // This cookie is history var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); } // End Script --> </script><script> document.write("Hello <b>" + Who() + "</b>. You've been here <b>" + Count() + "</b> time(s). Last time was <b>" + When() +"</b>.") </script><p><br><a href="JavaScript:set()">Change name</a></p><p> </p> </body> </html>
No comments:
Post a Comment
Thank You for Your Comments. We will get back to you soon.