Question

I am using the following code to test session storage of HTML 5.. It is working fine in all the browser except IE. The IE version installed is 10.

Code :

<!DOCTYPE html>
<html>
<head>
<script>
function clickCounter()
{
if(typeof(Storage)!=="undefined")
  {
  if (sessionStorage.clickcount)
    {
    sessionStorage.clickcount=Number(sessionStorage.clickcount)+1;
    }
  else
    {
    sessionStorage.clickcount=1;
    }
  document.getElementById("result").innerHTML="You have clicked the button " + sessionStorage.clickcount + " time(s) in this session.";
  }
else
  {
  document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
  }
}
</script>
</head>
<body>
<p><button onclick="clickCounter()" type="button">Click me!</button></p>
<div id="result"></div>
<p>Click the button to see the counter increase.</p>
<p>Close the browser tab (or window), and try again, and the counter is reset.</p>
</body>
</html>

What could be the problem?

Was it helpful?

Solution

What I found with both local storage and session storage features of HTML5 is that, that both these features will work in Internet Explorer ONLY when the page is rendered through HTTP, and will not work when you are trying to access these features on your local filesystem, i.e. you are trying to open the sample webpage directly from the filesystem with the URL of the sorts, C:/Users/Mitaksh/Desktop , etc..

Deploy your application over any application server like Tomcat,etc, and then access it.. and you can see both local and session storage in action then..

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top