Manage history : Browser History « Dojo toolkit « JavaScript DHTML

Manage history

 

<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);">&nbsp;
    <input type="button" value="Goto step 2" onClick="gotostep(2);">&nbsp;
    <input type="button" value="Goto step 3" onClick="gotostep(3);">&nbsp;
  </body>
</html>

Dojo-toolkit.zip( 3,849 k)

Manage history : Browser History « Dojo toolkit « JavaScript DHTML

Related examples in the same category