LocalStorage via Content Page

Question

User-1920727399 posted

In testing, I have been able to read and write LocalStorage via a buttonclick. I'm trying to access a value in LocalStorage when a content page (About.aspx) loads. I'm unsure of the code needed to do this on a content page based off a master page.

The ID is "StationId" and the value will be some small number i.e. 1, 2, 3 etc. When the page loads I want to show the StationId in a label something like "Station Id = #"

At the next level I'll need to pass the StationId to a function in CodeBehind,

I'm a novice at JScript and would appreciate any help.

Answer 1

User181930479 posted

Hello Peak Creek

You can do this using HTML 5 

here is what to do :

lets say you want to display the station id in a div (can be also in anything )

first lets create a div :

<div id="result"></div>

then , add this to your page :

<script>
// Check browser support
if (typeof(Storage) !== "undefined") {
// Store
localStorage.setItem("StationId", "N") ;   // where N is retrieved from DB or session or whatever.
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("StationId");
} else {
document.getElementById("result").innerHTML = "this technology NOT Supported on your browser";
}
</script>

if you want to create the div by javascript :

var iDiv = document.createElement('div'),
  
iDiv.id = 'result';
iDiv.className = 'block';
document.getElementsByTagName('body')[0].appendChild(iDiv);

if you wan to t see the result in your browser , all browsers can display them , im using chrome . First right click on the page --> inspect --> Aplication --> storage --> localstorage--> and you will see the name of the page you are displaying , click on it and VOILA.

you will see the Key and the value 

key = stationid 

value = N (the one you have assigned).

Answer 2

User-1920727399 posted

Excellent! Thank you for taking the time to help me.