example2.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2     "http://www.w3.org/TR/html4/loose.dtd">
   3 <html>
   4 <head>
   5     <title>EidoGo Advanced Example</title>
   6
   7     <!-- International support -->
   8     <!-- <script type="text/javascript" src="player/i18n/XXX.js"></script> -->
   9
  10     <script type="text/javascript" src="player/js/all.compressed.js"></script>
  11
  12     <!-- Uncomment the following to work with the original source. -->
  13     <!-- <script type="text/javascript" src="player/js/lang.js"></script>
  14     <script type="text/javascript" src="player/js/eidogo.js"></script>
  15     <script type="text/javascript" src="player/js/util.js"></script>
  16     <script type="text/javascript" src="player/i18n/en.js"></script>
  17     <script type="text/javascript" src="player/js/gametree.js"></script>
  18     <script type="text/javascript" src="player/js/sgf.js"></script>
  19     <script type="text/javascript" src="player/js/board.js"></script>
  20     <script type="text/javascript" src="player/js/rules.js"></script>
  21     <script type="text/javascript" src="player/js/player.js"></script>
  22     <script type="text/javascript" src="player/js/init.js"></script> -->
  23
  24 </head>
  25 <body>
  26
  27     <h1>EidoGo Player Advanced Example</h1>
  28
  29     <p>This is an advanced example. <a href="javascript:player.goTo(4)">Click here to go to move 4 on the main line</a>.</p>
  30
  31     <div id="player-container"></div>
  32
  33     <script type="text/javascript">
  34     var player = new eidogo.Player({
  35         container:       "player-container", // HTML element id indicating where to put the player
  36         theme:           "standard", // "standard" or "compact"
  37         sgfUrl:          "sgf/example.sgf", // relative URL (within same domain) to SGF file to load
  38         loadPath:        [0, 0], // The location within the game tree to start at
  39         showComments:    true,
  40         showPlayerInfo:  true,
  41         showGameInfo:    true,
  42         showTools:       true,
  43         showOptions:     true,
  44         markCurrent:     true,
  45         markVariations:  true,
  46         markNext:        false,
  47         enableShortcuts: false,
  48         problemMode:     false
  49     });
  50     </script>
  51
  52 </body>
  53 </html>