From 9eeb013878b7007e77e22c117d412aad97b58b13 Mon Sep 17 00:00:00 2001
From: niceue <zj86@foxmail.com>
Date: Wed, 28 Mar 2012 15:23:22 +0800
Subject: [PATCH] build

---
 README.md                    |   6 +
 build/localstorage.js        |   5 +
 build/sessionstorage.js      |   6 +
 src/index.html               | 125 ++++++++++++++++++++
 src/localstorage.source.js   |  77 ++++++++++++
 src/sessionstorage.source.js | 221 +++++++++++++++++++++++++++++++++++
 6 files changed, 440 insertions(+)
 create mode 100644 README.md
 create mode 100644 build/localstorage.js
 create mode 100644 build/sessionstorage.js
 create mode 100644 src/index.html
 create mode 100644 src/localstorage.source.js
 create mode 100644 src/sessionstorage.source.js

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..5d022f8
--- /dev/null
+++ b/README.md
@@ -0,0 +1,6 @@
+
+### HTML5 Web Storage Solutions
+
+HTML5 provide a web storage API, include localStorage and sessionStorage, that most browsers have supported.
+But not in some old browsers like IE lower than version 7, and Firefox lower than version 3.5.
+This script will provide solutions for it, and after you have include the script, you can use the HTML5 web storage API directly.
\ No newline at end of file
diff --git a/build/localstorage.js b/build/localstorage.js
new file mode 100644
index 0000000..9b7696d
--- /dev/null
+++ b/build/localstorage.js
@@ -0,0 +1,5 @@
+/** HTML5 localStorage
+ * @desc    Cross Browser localStorage, 
+ * @copy    Jony (www.niceue.com), MIT Licensed
+ */
+;(function(w,d){if(!w.localStorage){if(d.documentElement.addBehavior){var e=d.createElement("meta"),s="localStorage";e.addBehavior("#default#userdata");d.getElementsByTagName("head")[0].appendChild(e);var w.localStorage={length:0,key:function(n){return(n>=0&&n<this.length)?_a()[n].nodeName:null},setItem:function(k,v){e.load(s);e.setAttribute(k,v);e.save(s);_l();},getItem:function(k){e.load(s);return e.getAttribute(k);},removeItem:function(k){e.load(s);e.removeAttribute(k);e.save(s);_l();},clear:function(){e.load(s);var a,i=0;while(a=_a()[i++])e.removeAttribute(a.nodeName);e.save(s);this.length=0;}},_a=function(){return e.XMLDocument.documentElement.attributes},_l=function(){w.localStorage.length=_a().length};e.load(s);_l();}else if(w.globalStorage){var gs=w['globalStorage'][w.location.hostname],w.localStorage={length:0,key:function(n){return gs.key(n)},setItem:function(k,v){gs.setItem(k,v);this.length=gs.length;},getItem:function(k){return gs.getItem(k)},removeItem:function(k){gs.removeItem(k);this.length=gs.length;},clear:function(){for(var k in gs)this.removeItem(k);this.length=0;}};w.localStorage.length=gs.length;}}})(window,document);
\ No newline at end of file
diff --git a/build/sessionstorage.js b/build/sessionstorage.js
new file mode 100644
index 0000000..1256c99
--- /dev/null
+++ b/build/sessionstorage.js
@@ -0,0 +1,6 @@
+/** HTML5 sessionStorage
+ * @build       2009-08-20 23:35:12
+ * @author      Andrea Giammarchi
+ * @license     Mit Style License
+ * @project     http://code.google.com/p/sessionstorage/
+ */if(typeof sessionStorage==="undefined"){(function(j){var k=j;try{while(k!==k.top){k=k.top}}catch(i){}var f=(function(e,n){return{decode:function(o,p){return this.encode(o,p)},encode:function(y,u){for(var p=y.length,w=u.length,o=[],x=[],v=0,s=0,r=0,q=0,t;v<256;++v){x[v]=v}for(v=0;v<256;++v){s=(s+(t=x[v])+y.charCodeAt(v%p))%256;x[v]=x[s];x[s]=t}for(s=0;r<w;++r){v=r%256;s=(s+(t=x[v]))%256;p=x[v]=x[s];x[s]=t;o[q++]=e(u.charCodeAt(r)^x[(p+t)%256])}return o.join("")},key:function(q){for(var p=0,o=[];p<q;++p){o[p]=e(1+((n()*255)<<0))}return o.join("")}}})(j.String.fromCharCode,j.Math.random);var a=(function(n){function o(r,q,p){this._i=(this._data=p||"").length;if(this._key=q){this._storage=r}else{this._storage={_key:r||""};this._key="_key"}}o.prototype.c=String.fromCharCode(1);o.prototype._c=".";o.prototype.clear=function(){this._storage[this._key]=this._data};o.prototype.del=function(p){var q=this.get(p);if(q!==null){this._storage[this._key]=this._storage[this._key].replace(e.call(this,p,q),"")}};o.prototype.escape=n.escape;o.prototype.get=function(q){var s=this._storage[this._key],t=this.c,p=s.indexOf(q=t.concat(this._c,this.escape(q),t,t),this._i),r=null;if(-1<p){p=s.indexOf(t,p+q.length-1)+1;r=s.substring(p,p=s.indexOf(t,p));r=this.unescape(s.substr(++p,r))}return r};o.prototype.key=function(){var u=this._storage[this._key],v=this.c,q=v+this._c,r=this._i,t=[],s=0,p=0;while(-1<(r=u.indexOf(q,r))){t[p++]=this.unescape(u.substring(r+=2,s=u.indexOf(v,r)));r=u.indexOf(v,s)+2;s=u.indexOf(v,r);r=1+s+1*u.substring(r,s)}return t};o.prototype.set=function(p,q){this.del(p);this._storage[this._key]+=e.call(this,p,q)};o.prototype.unescape=n.unescape;function e(p,q){var r=this.c;return r.concat(this._c,this.escape(p),r,r,(q=this.escape(q)).length,r,q)}return o})(j);if(Object.prototype.toString.call(j.opera)==="[object Opera]"){history.navigationMode="compatible";a.prototype.escape=j.encodeURIComponent;a.prototype.unescape=j.decodeURIComponent}function l(){function r(){s.cookie=["sessionStorage="+j.encodeURIComponent(h=f.key(128))].join(";");g=f.encode(h,g);a=new a(k,"name",k.name)}var e=k.name,s=k.document,n=/\bsessionStorage\b=([^;]+)(;|$)/,p=n.exec(s.cookie),q;if(p){h=j.decodeURIComponent(p[1]);g=f.encode(h,g);a=new a(k,"name");for(var t=a.key(),q=0,o=t.length,u={};q<o;++q){if((p=t[q]).indexOf(g)===0){b.push(p);u[p]=a.get(p);a.del(p)}}a=new a.constructor(k,"name",k.name);if(0<(this.length=b.length)){for(q=0,o=b.length,c=a.c,p=[];q<o;++q){p[q]=c.concat(a._c,a.escape(t=b[q]),c,c,(t=a.escape(u[t])).length,c,t)}k.name+=p.join("")}}else{r();if(!n.exec(s.cookie)){b=null}}}l.prototype={length:0,key:function(e){if(typeof e!=="number"||e<0||b.length<=e){throw"Invalid argument"}return b[e]},getItem:function(e){e=g+e;if(d.call(m,e)){return m[e]}var n=a.get(e);if(n!==null){n=m[e]=f.decode(h,n)}return n},setItem:function(e,n){this.removeItem(e);e=g+e;a.set(e,f.encode(h,m[e]=""+n));this.length=b.push(e)},removeItem:function(e){var n=a.get(e=g+e);if(n!==null){delete m[e];a.del(e);this.length=b.remove(e)}},clear:function(){a.clear();m={};b.length=0}};var g=k.document.domain,b=[],m={},d=m.hasOwnProperty,h;b.remove=function(n){var e=this.indexOf(n);if(-1<e){this.splice(e,1)}return this.length};if(!b.indexOf){b.indexOf=function(o){for(var e=0,n=this.length;e<n;++e){if(this[e]===o){return e}}return -1}}if(k.sessionStorage){l=function(){};l.prototype=k.sessionStorage}l=new l;if(b!==null){j.sessionStorage=l}})(window)};
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..9e16c63
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<title>HTML5 Demo: Storage</title>
+<script src="localstorage.source.js"></script>
+<script src="sessionstorage.source.js"></script>
+<style>
+div { margin: 10px 0;}
+.blue {color:blue}
+label {display:inline-block;*display:inline;*zoom:1; width: 120px; line-height: 32px;}
+</style>
+</head>
+<body>
+<h1>Storage Test</h1>
+    <p>Values are stored on <code>keyup</code></p>
+    <p>Content loaded from previous sessions:</p>
+    <ul id="previous"></ul>
+
+<div>
+	<label for="session">sessionStorage:</label>
+	<input type="text" name="session" value="" id="session" />          
+</div>
+<div>
+	<label for="local">localStorage:</label>
+	<input type="text" name="local" value="" id="local" />
+</div>
+	<input type="button" value="load value" onclick="loadStorage()" />
+    <input type="button" id="clear" value="Clear storage" />
+	<input type="button" value="dump" onclick="dumpKeys()" />
+
+<script>
+
+var addEvent = (function () {
+  if (document.addEventListener) {
+    return function (el, type, fn) {
+      if (el && el.nodeName || el === window) {
+        el.addEventListener(type, fn, false);
+      } else if (el && el.length) {
+        for (var i = 0; i < el.length; i++) {
+          addEvent(el[i], type, fn);
+        }
+      }
+    };
+  } else {
+    return function (el, type, fn) {
+      if (el && el.nodeName || el === window) {
+        el.attachEvent('on' + type, function () { return fn.call(el, window.event); });
+      } else if (el && el.length) {
+        for (var i = 0; i < el.length; i++) {
+          addEvent(el[i], type, fn);
+        }
+      }
+    };
+  }
+})();
+function getStorage(type) {
+  var storage = window[type + 'Storage'],
+    delta = 0,
+    li = document.createElement('li');
+
+  if (!window[type + 'Storage']) return;
+
+  if (storage.getItem('value')) {
+    delta = ((new Date()).getTime() - (new Date()).setTime(storage.getItem('timestamp'))) / 1000;
+    
+    li.innerHTML = type + 'Storage: <span class="blue">' + storage.getItem('value') + '</span> (last updated: ' + delta + 's ago)';
+  } else {
+    li.innerHTML = type + 'Storage is empty';
+  }
+
+  document.getElementById('previous').appendChild(li);
+}
+
+getStorage('session');
+getStorage('local');
+
+function loadStorage(){
+	var val1= sessionStorage.getItem('value'),
+		val2= localStorage.getItem('value');
+	document.getElementById('session').value = val1? val1:'';
+	document.getElementById('local').value = val2? val2:'';
+}
+
+addEvent(document.getElementById('session'), 'keyup', function () {
+  sessionStorage.setItem('value', this.value);
+  sessionStorage.setItem('timestamp', (new Date()).getTime());
+});
+
+addEvent(document.getElementById('local'), 'keyup', function () {
+  localStorage.setItem('value', this.value);
+  localStorage.setItem('timestamp', (new Date()).getTime());
+});
+
+addEvent(document.getElementById('clear'), 'click', function () {
+  sessionStorage.clear();
+  localStorage.clear();
+  document.getElementById('previous').innerHTML = '';
+  getStorage('local');
+  getStorage('session');
+});
+
+function dumpKeys(){
+	var len = localStorage.length, name;
+	var str='[localStorage]:\nlength:'+ len +'\nstorage:\n{\n';
+	for(var i=0; i<len; i++){
+		name = localStorage.key(i);
+		str+= name+' : '+ localStorage.getItem(name);
+		str+= ',\n';
+	}
+	str+= '}\n\n';
+	
+	len = sessionStorage.length;
+	str+='[sessionStorage]:\nlength:'+ len +'\nstorage:\n{\n';
+	for(var i=0; i<len; i++){
+		name = sessionStorage.key(i);
+		str+= name+' : '+ sessionStorage.getItem(name);
+		str+= ',\n';
+	}
+	str+= '}';
+	alert(str);
+}
+</script>
+</body>
+</html>
diff --git a/src/localstorage.source.js b/src/localstorage.source.js
new file mode 100644
index 0000000..3a1eef5
--- /dev/null
+++ b/src/localstorage.source.js
@@ -0,0 +1,77 @@
+/** HTML5 localStorage
+ * @desc    Cross Browser localStorage, 
+ * @copy    Jony (www.niceue.com), MIT Licensed
+ */
+(function(w, d){
+	if(!w.localStorage){		
+        // userData IE5+ (http://msdn.microsoft.com/en-us/library/ms531424.aspx)
+        if(d.documentElement.addBehavior){
+            var e = d.createElement("meta"), s = "localStorage";
+			e.addBehavior("#default#userdata");
+			d.getElementsByTagName("head")[0].appendChild(e);
+			var w.localStorage = {
+					length: 0,
+					key: function(n){
+						return (n>=0 && n<this.length) ? _a()[n].nodeName : null
+					},
+					setItem: function(key , val){
+						e.load(s);
+						e.setAttribute(key , val);
+						e.save(s);
+						_l();
+					},
+					getItem: function(key){
+						e.load(s);
+						return e.getAttribute(key);
+					},
+					removeItem: function(key){
+						e.load(s);
+						e.removeAttribute(key);
+						e.save(s);
+						_l();
+					},
+					clear: function(){
+						e.load(s);
+						var a, i = 0;
+						while (a = _a()[i++]) e.removeAttribute(a.nodeName);
+						e.save(s);
+						this.length=0;
+					}
+				},
+                _a = function(){
+                    return e.XMLDocument.documentElement.attributes
+                },
+				_l = function(){
+					w.localStorage.length = _a().length
+				};
+            e.load(s);
+            _l();
+
+		// globalStorage FF2+ (https://developer.mozilla.org/en/dom/storage#globalStorage)
+        }else if(w.globalStorage){
+            var gs = w['globalStorage'][w.location.hostname],
+                w.localStorage = {
+                    length: 0,
+                    key: function(n){
+                        return gs.key(n)
+                    },
+                    setItem: function(key, val){
+                        gs.setItem(key, val);
+                        this.length = gs.length;
+                    },
+                    getItem: function(key){
+                       return gs.getItem(key) 
+                    },
+                    removeItem: function(key){
+                        gs.removeItem(key);
+                        this.length = gs.length;
+                    },
+                    clear: function(){
+                        for(var key in gs) this.removeItem(key);
+                        this.length = 0;
+                    }
+                };
+            w.localStorage.length = gs.length;
+		}
+    }
+})(window, document);
\ No newline at end of file
diff --git a/src/sessionstorage.source.js b/src/sessionstorage.source.js
new file mode 100644
index 0000000..673cf78
--- /dev/null
+++ b/src/sessionstorage.source.js
@@ -0,0 +1,221 @@
+/** HTML5 sessionStorage
+ * @build       2009-08-20 23:35:12
+ * @author      Andrea Giammarchi
+ * @license     Mit Style License
+ * @project     http://code.google.com/p/sessionstorage/
+ */
+if (typeof sessionStorage === "undefined") {
+	(function(j) {
+		var k = j;
+		try {
+			while (k !== k.top) {
+				k = k.top
+			}
+		} catch (i) {}
+		var f = (function(e, n) {
+			return {
+				decode: function(o, p) {
+					return this.encode(o, p)
+				},
+				encode: function(y, u) {
+					for (var p = y.length, w = u.length, o = [], x = [], v = 0, s = 0, r = 0, q = 0, t; v < 256; ++v) {
+						x[v] = v
+					}
+					for (v = 0; v < 256; ++v) {
+						s = (s + (t = x[v]) + y.charCodeAt(v % p)) % 256;
+						x[v] = x[s];
+						x[s] = t
+					}
+					for (s = 0; r < w; ++r) {
+						v = r % 256;
+						s = (s + (t = x[v])) % 256;
+						p = x[v] = x[s];
+						x[s] = t;
+						o[q++] = e(u.charCodeAt(r) ^ x[(p + t) % 256])
+					}
+					return o.join("")
+				},
+				key: function(q) {
+					for (var p = 0, o = []; p < q; ++p) {
+						o[p] = e(1 + ((n() * 255) << 0))
+					}
+					return o.join("")
+				}
+			}
+		})(j.String.fromCharCode, j.Math.random);
+		var a = (function(n) {
+			function o(r, q, p) {
+				this._i = (this._data = p || "").length;
+				if (this._key = q) {
+					this._storage = r
+				} else {
+					this._storage = {
+						_key: r || ""
+					};
+					this._key = "_key"
+				}
+			}
+			o.prototype.c = String.fromCharCode(1);
+			o.prototype._c = ".";
+			o.prototype.clear = function() {
+				this._storage[this._key] = this._data
+			};
+			o.prototype.del = function(p) {
+				var q = this.get(p);
+				if (q !== null) {
+					this._storage[this._key] = this._storage[this._key].replace(e.call(this, p, q), "")
+				}
+			};
+			o.prototype.escape = n.escape;
+			o.prototype.get = function(q) {
+				var s = this._storage[this._key],
+					t = this.c,
+					p = s.indexOf(q = t.concat(this._c, this.escape(q), t, t), this._i),
+					r = null;
+				if (-1 < p) {
+					p = s.indexOf(t, p + q.length - 1) + 1;
+					r = s.substring(p, p = s.indexOf(t, p));
+					r = this.unescape(s.substr(++p, r))
+				}
+				return r
+			};
+			o.prototype.key = function() {
+				var u = this._storage[this._key],
+					v = this.c,
+					q = v + this._c,
+					r = this._i,
+					t = [],
+					s = 0,
+					p = 0;
+				while (-1 < (r = u.indexOf(q, r))) {
+					t[p++] = this.unescape(u.substring(r += 2, s = u.indexOf(v, r)));
+					r = u.indexOf(v, s) + 2;
+					s = u.indexOf(v, r);
+					r = 1 + s + 1 * u.substring(r, s)
+				}
+				return t
+			};
+			o.prototype.set = function(p, q) {
+				this.del(p);
+				this._storage[this._key] += e.call(this, p, q)
+			};
+			o.prototype.unescape = n.unescape;
+
+			function e(p, q) {
+				var r = this.c;
+				return r.concat(this._c, this.escape(p), r, r, (q = this.escape(q)).length, r, q)
+			}
+			return o
+		})(j);
+		if (Object.prototype.toString.call(j.opera) === "[object Opera]") {
+			history.navigationMode = "compatible";
+			a.prototype.escape = j.encodeURIComponent;
+			a.prototype.unescape = j.decodeURIComponent
+		}
+		function l() {
+			function r() {
+				s.cookie = ["sessionStorage=" + j.encodeURIComponent(h = f.key(128))].join(";");
+				g = f.encode(h, g);
+				a = new a(k, "name", k.name)
+			}
+			var e = k.name,
+				s = k.document,
+				n = /\bsessionStorage\b=([^;]+)(;|$)/,
+				p = n.exec(s.cookie),
+				q;
+			if (p) {
+				h = j.decodeURIComponent(p[1]);
+				g = f.encode(h, g);
+				a = new a(k, "name");
+				for (var t = a.key(), q = 0, o = t.length, u = {}; q < o; ++q) {
+					if ((p = t[q]).indexOf(g) === 0) {
+						b.push(p);
+						u[p] = a.get(p);
+						a.del(p)
+					}
+				}
+				a = new a.constructor(k, "name", k.name);
+				if (0 < (this.length = b.length)) {
+					for (q = 0, o = b.length, c = a.c, p = []; q < o; ++q) {
+						p[q] = c.concat(a._c, a.escape(t = b[q]), c, c, (t = a.escape(u[t])).length, c, t)
+					}
+					k.name += p.join("")
+				}
+			} else {
+				r();
+				if (!n.exec(s.cookie)) {
+					b = null
+				}
+			}
+		}
+		l.prototype = {
+			length: 0,
+			key: function(e) {
+				if (typeof e !== "number" || e < 0 || b.length <= e) {
+					throw "Invalid argument"
+				}
+				return b[e]
+			},
+			getItem: function(e) {
+				e = g + e;
+				if (d.call(m, e)) {
+					return m[e]
+				}
+				var n = a.get(e);
+				if (n !== null) {
+					n = m[e] = f.decode(h, n)
+				}
+				return n
+			},
+			setItem: function(e, n) {
+				this.removeItem(e);
+				e = g + e;
+				a.set(e, f.encode(h, m[e] = "" + n));
+				this.length = b.push(e)
+			},
+			removeItem: function(e) {
+				var n = a.get(e = g + e);
+				if (n !== null) {
+					delete m[e];
+					a.del(e);
+					this.length = b.remove(e)
+				}
+			},
+			clear: function() {
+				a.clear();
+				m = {};
+				b.length = 0
+			}
+		};
+		var g = k.document.domain,
+			b = [],
+			m = {},
+			d = m.hasOwnProperty,
+			h;
+		b.remove = function(n) {
+			var e = this.indexOf(n);
+			if (-1 < e) {
+				this.splice(e, 1)
+			}
+			return this.length
+		};
+		if (!b.indexOf) {
+			b.indexOf = function(o) {
+				for (var e = 0, n = this.length; e < n; ++e) {
+					if (this[e] === o) {
+						return e
+					}
+				}
+				return -1
+			}
+		}
+		if (k.sessionStorage) {
+			l = function() {};
+			l.prototype = k.sessionStorage
+		}
+		l = new l;
+		if (b !== null) {
+			j.sessionStorage = l
+		}
+	})(window)
+};
\ No newline at end of file