Using pushState to update the URL

beaucollins · May 1, 2012 · 4a7846f · 4a7846f
1 parent 2629e3c
commit 4a7846f
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/public/app.js b/public/app.js
@@ -216,8 +216,19 @@ var loadSite = function(src){
 
 document.querySelector('form').addEventListener('submit', function(e){
   e.preventDefault();
+  if (window.history.pushState) {
+    window.history.pushState({url:this.site.value}, null, "?" + this.site.value);
+  };
   loadSite(this.site.value);
 });
+
+window.addEventListener('popstate', function(e){
+  if (e.state && e.state.url) {
+    console.log("State", e.state);
+    document.forms[0].site.value = e.state.url;
+    loadSite(e.state.url)
+  };
+});
 
 window.addEventListener('resize', function(){
   span.textContent = iframe.offsetWidth + 'px';