<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>
<div id="divstep"></div>
<br>
<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>