datamafia/test.html

## test.html
<!DOCTYPE html>
<html>
<head>
    <title>Test.html</title>
</head>

<body>
<script type="text/javascript">
var stateObj = { test: "bar" };
history.pushState(stateObj, "page 2", "bar.html");

function alterstate(){
    var stateObj = { bar: "altered" };
    history.pushState(stateObj, "page 2", "altered.html");
}

function returnstate(){
    var stateObj = { altered: "bar" };
    history.pushState(stateObj, "page 2", "bar.html");
}
</script>
<p>Native implementation operational for Firefox.</p>
<p>
    site.com/test.html shoudl automatically become read site.com/bar.html using no page reload.
</p>
<p>
    <button onclick="alterstate()">Alter the URL</button>
    <button onclick="returnstate()">Return the URL</button>
    <a href="/test.html">Return to test.html</a>
</p>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Test.html</title>
	</head>

	<body>
	<script type="text/javascript">
	var stateObj = { test: "bar" };
	history.pushState(stateObj, "page 2", "bar.html");

	function alterstate(){
	var stateObj = { bar: "altered" };
	history.pushState(stateObj, "page 2", "altered.html");
	}

	function returnstate(){
	var stateObj = { altered: "bar" };
	history.pushState(stateObj, "page 2", "bar.html");
	}
	</script>
	<p>Native implementation operational for Firefox.</p>
	<p>
	site.com/test.html shoudl automatically become read site.com/bar.html using no page reload.
	</p>
	<p>
	<button onclick="alterstate()">Alter the URL</button>
	<button onclick="returnstate()">Return the URL</button>
	<a href="/test.html">Return to test.html</a>
	</p>
	</body>
	</html>