JavaScript Tutorial/Dojo toolkit/Browser History
Manage history
<source lang="javascript">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dojo/resources/dojo.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/" }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.back"); var step = [ "1", "2", "3" ]; function gotostep(inNum) { var dc = dojo.byId("divstep"); dc.innerHTML = step[inNum - 1]; dojo.back.addToHistory({ num : inNum, changeUrl : true, back : function() { dojo.byId("divstep").innerHTML = step[this.num - 1]; } }); } </script> </head> <body> <script>dojo.back.init();</script>
<input type="button" value="Goto step 1" onClick="gotostep(1);"> <input type="button" value="Goto step 2" onClick="gotostep(2);"> <input type="button" value="Goto step 3" onClick="gotostep(3);"> </body>
</html></source>