Single Comment

Go to a search bar, type "view-source:https://www.chessvariants.com/xiangqi.html", then click the earth icon below the search bar.

<table>
  <tr>
    <td>
    <DIV CLASS="noscript">If JavaScript were enabled, you would see an Interactive Diagram here.</DIV>
<SCRIPT type="9acfa8aae11cba05acc1daf1-text/javascript">
document.writeln(`<B>Themes:</B>
<input type="button" value="Scanned" onclick="changeTheme('xiangqi-scanned', 'chinese-blue-green.png');">
<input type="button" value="Big5 Art" onclick="changeTheme('tradchinese', 'chinese-art.png');">
<input type="button" value="GB Wood" onclick="changeTheme('chinese-gb', 'chinese-cherrywood.jpg');">
<input type="button" value="Eurasian" onclick="changeTheme('eurasian1', 'chinese-eurasian.png');">
<input type="button" value="Marble" onclick="changeTheme('abstract-marble-disk', 'chinese-marble.jpg');">
<input type="button" value="Western" onclick="changeTheme('westchinese', 'chinese-wood.jpg');">
<input type="button" value="Abstract" onclick="changeTheme('abstract4chinese', 'chinese-checkered2.png');">
<input type="button" value="Alfaerie" onclick="changeTheme('alfchinesePNG', 'chinese-cambaluc-green-beige.png');">
<BR CLEAR=ALL>
<B>Sets:</B>
<SELECT ID="xiangqiset" onChange="changeTheme(this.value, 'same');">
<OPTION DISABLED>CHINESE PIECES:</OPTION>
<OPTION VALUE="xiangqi-scanned">Scans of Real Pieces</OPTION>
<OPTION VALUE="tradchinese">Big5 Font on Wood</OPTION>
<OPTION VALUE="chinese-gb">GB Font on Wood</OPTION>
<OPTION DISABLED>ILLUSTRATED DISKS:</OPTION>
<OPTION VALUE="eurasian1">Eurasian Chess Pieces</OPTION>
<OPTION VALUE="abstract-marble-disk">Abstract Marble Disks</OPTION>
<OPTION VALUE="westchinese">Western Disk Pieces</OPTION>
<OPTION DISABLED>CHESS PIECES:</OPTION>
<OPTION VALUE="abstract4chinese">Abstract</OPTION>
<OPTION VALUE="alfchinesePNG" SELECTED>Alfaerie</OPTION>
</SELECT>
&nbsp;
<B>Boards:</B> 
<SELECT ID="xiangqiboard" onChange="changeTheme('same', this.value);">
<OPTION DISABLED>SPACES ARE POINTS:</OPTION>
<OPTION VALUE="chinese-blue.png">Blue</OPTION>
<OPTION VALUE="chinese-blue-green.png">Blue/Green with Markers</OPTION>
<OPTION VALUE="chinese-alfaerie.png">Blue/Green with Grooves</OPTION>
<OPTION VALUE="chinese-cherrywood.jpg">Cherry Wood</OPTION>
<OPTION VALUE="chinese-art.png">Chinese Art</OPTION>
<OPTION VALUE="chinese-darkwood.jpg">Dark Wood</OPTION>
<OPTION VALUE="chinese-marble.jpg">Marble</OPTION>
<OPTION VALUE="chinese-white.png">White</OPTION>
<OPTION VALUE="chinese-wood.jpg">Wood &amp; Waves</OPTION>
<OPTION DISABLED>POINTS ON SQUARES:</OPTION>
<OPTION VALUE="chinese-eurasian.png">Eurasian</OPTION>
<OPTION DISABLED>SPACES ARE SQUARES:</OPTION>
<OPTION VALUE="chinese-cambaluc-green-beige.png" SELECTED>Cambaluc</OPTION>
<OPTION VALUE="chinese-checkered2.png">Checkered</OPTION>
</SELECT>
`);
</SCRIPT>
      <div class="idiagram" style="height: 300px;">
        satellite=xiangqi
        files=9
        ranks=10
        maxPromote=0
        graphicsDir=/play/pbm/showpiece.php?uniqid=6%26set=alfchinesePNG%26piece=
        background=/play/pbm/backgrounds/chinese-cambaluc-green-beige.png
        whitePrefix=w
        blackPrefix=b
        lightShade=#FFFFFF00
        darkShade=#00000000
        graphicsType=gif
        symmetry=mirror
        borders=0
        squareSize=52
        pawn::fW:p:a4,c4,e4,g4,i4
        morph=P/P/P/P/P
        pawn (passed)::fsW:p:
        advisor::F:f:d1,f1
        morph=!!!.../"/"/!/!/!/!/!!!.../"/"
        elephant::afF:e:c1,g1
        morph=!/!/!/!/!
        horse::[W-F]:n:b1,h1
        cannon:::c:b3,h3
        rook:::r:a1,i1
        king::WfcR:g:e1
        morph=!!!.../"/"/!/!/!/!/!!!.../"/"
      </div>
      <script type="9acfa8aae11cba05acc1daf1-text/javascript" src="/membergraphics/MSinteractive-diagrams/betzaCSS.js?uniqid=1897&nocache=true">
      </script>
      <script type="9acfa8aae11cba05acc1daf1-text/javascript">
        function xiangShade(x, y) {
          var col = 0;
          if(y > 4) col = !col;
          if(x > 2 && x < 6 && (y < 3 || y > 6)) col= !col;
          return col;
        }
      </script>
    </td>
    <td valign="top">
      <p style="height:40px">
      </p>
      <ul id="xiangqiList">
      </ul>
    </td>
  </tr>
</table>```