Sunday 16 March 2014

Persist Visitors' history based upon Username using Javascript


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>&nbsp;</p>
</body>
</html>

No comments:

Post a Comment

Thank You for Your Comments. We will get back to you soon.

back to top