Saturday 23 March 2013

Web storage blog 2


<!Doctype html>
<html>
   
<head>
    <script type="text/javascript">
        var key='string';
        function pageLoad()
        {
           
        }
       
        function loadNextPage()
        {
            var val = document.getElementById('fn').value;
            var val2 = document.getElementById('ln').value;
            var val3 = document.getElementById('c').value;

            // local storage
            window.localStorage.setItem("FN",val);
            window.localStorage.setItem("LN",val2);
            window.localStorage.setItem("C",val3);
           
            // session storage
            window.sessionStorage.setItem("F",val);
            window.sessionStorage.setItem("L",val2);
            window.sessionStorage.setItem("C",val3);

            /*window.location.href="webstorage2.html";    */
        }

        function GetLocal()
        {
            alert(window.localStorage.getItem("FN"));
            alert(window.localStorage.getItem("LN"));
            alert(window.localStorage.getItem("C"));
        }
       
        function GetSession()
        {
            alert(window.sessionStorage.getItem("F"));
            alert(window.sessionStorage.getItem("L"));
            alert(window.sessionStorage.getItem("C"));
        }

        function Nav()
        {
            window.location.href="webstorage2.html";
        }

    </script>
</head>

<body onload='pageLoad()'>

      First Name: <input type="text" name="fn" id="fn"/>
      Last Name : <input type="text" name="ln" id="ln"/>
      City : <input type="text" name="c" id="c"/>
     <input type="button" onclick='loadNextPage()' value="Set Storage"/>
    <input type="button" onclick='GetLocal()' value="Get Local"/>
    <input type="button" onclick='GetSession()' value="Get Session"/>
     

</body>



</html>

posted by Asif Sayyad @ March 23, 2013   0 Comments

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home