making sure history is tracked on internal link clicks

Author: dmolsen

source/_patternlab-files/pattern-header-footer/footer.html

@@ -21,6 +21,15 @@
 			parent.postMessage( { "bodyclick": "bodyclick" }, targetOrigin)
 		};
 
+		// find all links and add an onclick handler for replacing the iframe address so the history works
+		var aTags = document.getElementsByTagName('a');
+		for (a in aTags) {
+			aTags[a].onclick = function(e) {
+				e.preventDefault();
+				window.location.replace(this.getAttribute("href"));
+			};
+		}
+		
 		// watch the iframe source so that it can be sent back to everyone else.
 		function receiveIframeMessage(event) {
 

source/_patternlab-files/styleguide.mustache

@@ -37,6 +37,18 @@
 		parent.postMessage( { "bodyclick": "bodyclick" }, targetOrigin)
 	};
 	
+	// find all links and add an onclick handler for replacing the iframe address so the history works
+	var aTags = document.getElementsByTagName('a');
+	for (a in aTags) {
+		aTags[a].onclick = function(e) {
+			e.preventDefault();
+			if (this.getAttribute("class") != "patternLink") {
+				window.location.replace(this.getAttribute("href"));
+			}
+		};
+	}
+	
+	
 	var els = document.getElementsByClassName("patternLink");
 	for (i in els) {
 		els[i].onclick = function() {

source/_patternlab-files/viewall.mustache

@@ -38,6 +38,17 @@
 		parent.postMessage( { "bodyclick":"bodyclick" }, targetOrigin)
 	};
 	
+	// find all links and add an onclick handler for replacing the iframe address so the history works
+	var aTags = document.getElementsByTagName('a');
+	for (a in aTags) {
+		aTags[a].onclick = function(e) {
+			e.preventDefault();
+			if ((self != top) && (this.getAttribute("class") != "patternLink")) {
+				window.location.replace(this.getAttribute("href"));
+			}
+		};
+	}
+	
 	var els = document.getElementsByClassName("patternLink");
 	for (i in els) {
 		els[i].onclick = function() {