how to save in local storage? (html 5 new features)

RakiZtahX · 02-18-2013, 04:25 PM

i want to save an info in local storage and post it under the table.. how can i do that?

<html>

	<head>

		<title>Offline App(Traffic Enforcement)</title>

		<link rel="stylesheet" type="text/css" title="Preferred" href="popAddVio.css" />

		

		<script type="text.javascript">

			

		

		function save() {

			try {

			var date = document.getElementById('textDate').value;

			var plate = document.getElementById('textPlate').value;

			var name = document.getElementById('textName').value;

			var address = document.getElementById('textAddress').value;

			

			localStorage.lDate = date;

			localStorage.lPlate = plate;

			localStorage.lName = name;

			localStorage.lAddress = address;

			

			} catch (e) {

				alert("Error save");

			}

		}		

		function load() {

		

			var storedValue = localStorage.lDate;

			if (storedValue) {

				document.getElementById('date').value = storedValue;

			}

		}

		</script>

	</head>

	

	<body >

	

		<header>

			<h1>Add Violations</h1>

		</header>

		

		<div id="vioForm">

			<form>

				<table border="0" width="400" align="center">

					<tr>

					<td><label>Date:</label></td>

					<td><input id="vioDate" type="date" name="textDate" value="2011-01-13"/></td>

					</tr>

					<tr>

					<td><label>Plate #:</label></td>

					<td><input id="vioPlate" type="text" name="textPlate"</td>

					<tr>					

					<td><label>Driver's Name:</label></td>

					<td><input id="vioName" type="text" name="textName" /></td>

					</tr>

					<tr>							

					<td><label>Address:</label></td>

					<td><input id="vioAddress" type="text" name="textAddress"/></td>

					</tr>

					<tr>

					<td><label>Violation:</label></td>

						<td><select id="combo">

						   <option value="move"> Moving Violation </option>

						   <option value="park"> Parking Violation </option>

						</select></td>

					</tr>

				

				</table>

			</form>

		</div>

		

		<div>

			<form id="buttons">

				<input type="button" value="SAVE" onclick="save()" />

				<input type="button" value="CLOSE" onclick="window.close()" />

			</form>

		</div>

		

			

		

			

	</body>

</html>

WolfShade · 02-18-2013, 05:16 PM

Code:

var storage, fail, uid;
try{
  uid = new Date();
  storage = window.localStorage;
  storage.setItem(uid,uid);
  fail = storage.getItem(uid) != uid;
  storage.removeItem(uid);
  fail && (storage = false);
  }catch(e){}

if(storage){ alert("Storage YES"); } else { alert("Nope.. ain't happenin'"); }

Upload to a server; this will let you know if localStorage is working.

localStorage is set: storage.setItem() (based upon the variable 'storage', set above)
localStorage is get: storage.getItem()