user11165: I want player 2 to see what last move player 1 has moved. The best way to do this would be to highlight the last move. How is it possible in chessboard.JS?

user7897: I wasn't familiar with chessboard.js - but a quick search of their site turned up an example entitled Piece Highlight 1, which seems to do just that.  The link includes both javascript and HTML examples, depending on which you're looking for.
Since links are not permanent, here is the HTML example:
<style type="text/css">
.highlight-white {
  -webkit-box-shadow: inset 0 0 3px 3px yellow;
  -moz-box-shadow: inset 0 0 3px 3px yellow;
  box-shadow: inset 0 0 3px 3px yellow;  
}
.highlight-black {
  -webkit-box-shadow: inset 0 0 3px 3px blue;
  -moz-box-shadow: inset 0 0 3px 3px blue;
  box-shadow: inset 0 0 3px 3px blue;  
}
</style>
<script src="js/chess.js"></script>
<div id="board" style="width: 400px"></div>


11165: <p>I want player 2 to see what last move player 1 has moved. The best way to do this would be to highlight the last move. How is it possible in chessboard.JS?</p>
 7897: <p>I wasn't familiar with chessboard.js - but a quick search of their site turned up an example entitled <a href="http://chessboardjs.com/examples#5004" rel="nofollow"><strong>Piece Highlight 1</strong></a>, which seems to do just that.  The link includes both javascript and HTML examples, depending on which you're looking for.</p>

<p>Since links are not permanent, here is the HTML example:</p>

<pre><code>&lt;style type="text/css"&gt;
.highlight-white {
  -webkit-box-shadow: inset 0 0 3px 3px yellow;
  -moz-box-shadow: inset 0 0 3px 3px yellow;
  box-shadow: inset 0 0 3px 3px yellow;  
}
.highlight-black {
  -webkit-box-shadow: inset 0 0 3px 3px blue;
  -moz-box-shadow: inset 0 0 3px 3px blue;
  box-shadow: inset 0 0 3px 3px blue;  
}
&lt;/style&gt;
&lt;script src="js/chess.js"&gt;&lt;/script&gt;
&lt;div id="board" style="width: 400px"&gt;&lt;/div&gt;
</code></pre>
