Belote/templates/game_zone_jeu.html

<div id="zone-de-jeu">
<div id="plateau">
<div id="joueur-0" class="joueur">joueur 0</div><!-- joueur-0 -->
<div id="joueur-1" class="joueur">joueur 1</div><!-- joueur-1 -->
<div id="joueur-2" class="joueur">joueur 2</div><!-- joueur-2 -->
<div id="joueur-3" class="joueur">joueur 3</div><!-- joueur-3 -->
<div id="jeu-0" class="carte"></div><!-- jeu-0 -->
<div id="jeu-1" class="carte"></div><!-- jeu-1 -->
<div id="jeu-2" class="carte"></div><!-- jeu-2 -->
<div id="jeu-3" class="carte"></div><!-- jeu-3 -->
<div id="suivant">
<input type="submit" name="suivant" value="Redistribuer" onclick="javascript:restart_jeu()"> 
</div><!-- suivant -->
</div><!-- plateau -->
<div id="ov">
<table id="table-atout">
<tr>
<td>Atout</td>
<td><div id="atout" class="carte"></div></td>
</tr>
<tr>
<td id="prispar">Pris par </td>
<td id="preneur">----</td>
</tr>
</table>
<div id="choix">
<div id="dernier-pli">
<p class="item-choix">Dernier pli <img id="dernier-pli-fleche" src="/static/fleche-bas.gif" /></p>
<div id="dernier-pli-valeur" class="item-choix-valeur clearfix">
<div id="der-pli-0" class="carte carte-dernier-pli"></div>
<div id="der-pli-1" class="carte carte-dernier-pli"></div>
<div id="der-pli-2" class="carte carte-dernier-pli"></div>
<div id="der-pli-3" class="carte carte-dernier-pli"></div>
</div>
</div><!-- dernier-pli -->
<div id="options">
<p class="item-choix">Options <img id="options-fleche" src="/static/fleche-bas.gif" /></p>
<div id="options-valeur" class="item-choix-valeur">
<!--<div id="item-choix-1" class="menu-item">Do sth</div>-->
</div>
</div><!-- options -->
</div><!-- choix -->
</div><!-- ov -->
<div id="jeu-en-main" class="clearfix">
<div id="a-vous">À vous de jouer !
</div>
<div id="carte-0" class="carte carte-en-main">
</div>
<div id="carte-1" class="carte carte-en-main">
</div>
<div id="carte-2" class="carte carte-en-main">
</div>
<div id="carte-3" class="carte carte-en-main">
</div>
<div id="carte-4" class="carte carte-en-main">
</div>
<div id="carte-5" class="carte carte-en-main">
</div>
<div id="carte-6" class="carte carte-en-main">
</div>
<div id="carte-7" class="carte carte-en-main">
</div>
</div><!-- jeu-en-main -->
<div id="points">
<p id="entete-points">Points
</p>
<table>
<tr>
<td></td>
<td>Total</td>
<td id="nopart">Partie</td>
</tr>
<tr>
<td>Nous</td>
<td id="nous-tot">0</td>
<td id="nous-part">0</td>
</tr>
<tr>
<td>Eux</td>
<td id="eux-tot">0</td>
<td id="eux-part">0</td>
</tr>
</table>
</div><!-- points -->
</div><!-- zone-de-jeu -->
<!------------------------
     ZONE-DE-CONVERSATION 
------------------------->
<div id="zone-de-conversation">
<div id="chat">
</div><!-- chat -->
<div id="message">
<p>Message</p>
<input id="texte-msg" type="text" name="msg">
<input type="submit" name="OK" value="OK" onclick="javascript:sendtext()"> 
</div><!-- zone-message -->
</div><!-- zone-de-conversation -->