Moved sessionstorage example JS to a separate JS file.

wet-boew · May 3, 2013 · 08764c3 · 08764c3
1 parent 81866cb
commit 08764c3
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 62 deletions.
diff --git a/demos/webstorage/js/sessionstorage.js b/demos/webstorage/js/sessionstorage.js
@@ -0,0 +1,27 @@
+(function ($) {
+	/* Based on the demo for http://code.google.com/p/sessionstorage/ */
+	var update = document.getElementById('update'),
+		$document = $(document);
+	$document.on('sessionstorage-loaded', function() {
+		if(typeof sessionStorage === 'undefined' || sessionStorage.disabled)
+			update.innerHTML = '<strong>Error:</strong> The sessionStorage polyfill does not work with cookies disabled.';
+		else {
+			update.setAttribute('role', 'timer');
+			if(sessionStorage.getItem('sessionStarted')){
+				function showInfo(){
+					update.innerHTML = 'Your session started ' + Math.floor((new Date - sessionStarted) / 1000) + ' seconds ago.';
+					return showInfo;
+				};
+				var sessionStarted  = new Date(parseInt(sessionStorage.getItem('sessionStarted'), 0));
+				setInterval(showInfo(), 250);
+			}
+			else {
+				sessionStorage.clear();
+				sessionStorage.setItem('sessionStarted', new Date().getTime());
+			}
+		}
+	});
+	if(window.sessionStorage) {
+		$document.trigger('sessionstorage-loaded');
+	}
+}(jQuery));
diff --git a/demos/webstorage/sessionstorage-eng.html b/demos/webstorage/sessionstorage-eng.html
@@ -170,37 +170,7 @@ <h3><span class="color-dark">Note</span></h3>
 <!-- ScriptsEnd -->
 
 <!-- CustomScriptsStart -->
-<script>
-/*  */
-(function ($) {
-	/* Based on the demo for http://code.google.com/p/sessionstorage/ */
-	var update = document.getElementById('update'),
-		$document = $(document);
-	$document.on('sessionstorage-loaded', function() {
-		if(typeof sessionStorage === 'undefined' || sessionStorage.disabled)
-			update.innerHTML = '<strong>Error:</strong> The sessionStorage polyfill does not work with cookies disabled.';
-		else {
-			update.setAttribute('role', 'timer');
-			if(sessionStorage.getItem('sessionStarted')){
-				function showInfo(){
-					update.innerHTML = 'Your session started ' + Math.floor((new Date - sessionStarted) / 1000) + ' seconds ago.';
-					return showInfo;
-				};
-				var sessionStarted  = new Date(parseInt(sessionStorage.getItem('sessionStarted'), 0));
-				setInterval(showInfo(), 250);
-			}
-			else {
-				sessionStorage.clear();
-				sessionStorage.setItem('sessionStarted', new Date().getTime());
-			}
-		}
-	});
-	if(window.sessionStorage) {
-		$document.trigger('sessionstorage-loaded');
-	}
-}(jQuery));
-/*  */
-</script>
+<script src="js/sessionstorage.js"></script>
 <!-- CustomScriptsEnd -->
 </body>
 </html>
diff --git a/demos/webstorage/sessionstorage-fra.html b/demos/webstorage/sessionstorage-fra.html
@@ -170,37 +170,7 @@ <h3><span class="color-dark">Nota</span></h3>
 <!-- ScriptsEnd -->
 
 <!-- CustomScriptsStart -->
-<script>
-/*  */
-(function ($) {
-	/* Based on the demo for http://code.google.com/p/sessionstorage/ */
-	var update = document.getElementById('update'),
-		$document = $(document);
-	$document.on('sessionstorage-loaded', function() {
-		if(typeof sessionStorage === 'undefined' || sessionStorage.disabled)
-			update.innerHTML = '<strong>Erreur :</strong> Le correctif pour <span lang="en">sessionStorage</span> ne fonctionne pas quand témoins sont désactivés.';
-		else {
-			update.setAttribute('role', 'timer');
-			if(sessionStorage.getItem('sessionStarted')){
-				function showInfo(){
-					update.innerHTML = 'Votre session a commencé il y a ' + Math.floor((new Date - sessionStarted) / 1000) + ' secondes.';
-					return showInfo;
-				};
-				var sessionStarted  = new Date(parseInt(sessionStorage.getItem('sessionStarted'), 0));
-				setInterval(showInfo(), 250);
-			}
-			else {
-				sessionStorage.clear();
-				sessionStorage.setItem('sessionStarted', new Date().getTime());
-			}
-		}
-	});
-	if (window.sessionStorage) {
-		$document.trigger('sessionstorage-loaded');
-	}
-}(jQuery));
-/*  */
-</script>
+<script src="js/sessionstorage.js"></script>
 <!-- CustomScriptsEnd -->
 </body>
 </html>