lib/html/complex.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <HTML>
   3 <HEAD>
   4 <TITLE>Cartagena player</TITLE>
   5 </HEAD>
   6 <BODY>
   7     <h1><a href="index.html">Cartagena</a> player, Complex form</h1>
   8 <form method="post" enctype="application/x-www-form-urlencoded" action="/cgi-bin/cartagena-complex.rb">
   9 <p>Number of players: <select name="number_of_players" size="1">
  10                         <option>2</option>
  11                         <option>3</option>
  12                         <option>4</option>
  13                         <option selected>5</option>
  14                         </select>
  15         <input name="reset_game" type="submit" value="Reset game">
  16         <input name="original_number_of_players" type="hidden" value="5">
  17     </p>
  18
  19 <table>
  20     <tr valign="top">
  21         <td><!-- Board column -->
  22             <table border="1" cellpadding="3">
  23                 <tr">
  24                     <td><input name="move_origin" type="radio" value="0" checked="true"> Cell
  25                         <img src="cell.png" alt="Cell">
  26                     </td>
  27                     <td colspan="5">
  28                         <img src="red_pirate.png" alt="Red" width="22" height="22">
  29                         <img src="red_pirate.png" alt="Red" width="22" height="22">
  30                         <img src="red_pirate.png" alt="Red" width="22" height="22">
  31                         <img src="red_pirate.png" alt="Red" width="22" height="22">
  32                         <img src="red_pirate.png" alt="Red" width="22" height="22">
  33                         <img src="red_pirate.png" alt="Red" width="22" height="22">
  34                         <img src="green_pirate.png" alt="Green" width="22" height="22">
  35                         <img src="green_pirate.png" alt="Green" width="22" height="22">
  36                         <img src="green_pirate.png" alt="Green" width="22" height="22">
  37                         <img src="green_pirate.png" alt="Green" width="22" height="22">
  38                         <img src="green_pirate.png" alt="Green" width="22" height="22">
  39                         <img src="green_pirate.png" alt="Green" width="22" height="22">
  40                         <img src="blue_pirate.png" alt="Blue" width="22" height="22">
  41                         <img src="blue_pirate.png" alt="Blue" width="22" height="22">
  42                         <img src="blue_pirate.png" alt="Blue" width="22" height="22">
  43                         <img src="blue_pirate.png" alt="Blue" width="22" height="22">
  44                         <img src="blue_pirate.png" alt="Blue" width="22" height="22">
  45                         <img src="blue_pirate.png" alt="Blue" width="22" height="22">
  46                         <img src="yellow_pirate.png" alt="Yellow" width="22" height="22">
  47                         <img src="yellow_pirate.png" alt="Yellow" width="22" height="22">
  48                         <img src="yellow_pirate.png" alt="Yellow" width="22" height="22">
  49                         <img src="yellow_pirate.png" alt="Yellow" width="22" height="22">
  50                         <img src="yellow_pirate.png" alt="Yellow" width="22" height="22">
  51                         <img src="yellow_pirate.png" alt="Yellow" width="22" height="22">
  52                         <img src="brown_pirate.png" alt="Brown" width="22" height="22">
  53                         <img src="brown_pirate.png" alt="Brown" width="22" height="22">
  54                         <img src="brown_pirate.png" alt="Brown" width="22" height="22">
  55                         <img src="brown_pirate.png" alt="Brown" width="22" height="22">
  56                         <img src="brown_pirate.png" alt="Brown" width="22" height="22">
  57                         <img src="brown_pirate.png" alt="Brown" width="22" height="22">
  58                     </td>
  59                 </tr>
  60                 <tr>
  61                     <td><input name="move_origin" type="radio" value="1"> 1
  62                         <img src="gun.png" alt="Gun" width="36" height="57">
  63                     </td>
  64                     <td><input name="move_origin" type="radio" value="2"> 2
  65                         <img src="keys.png" alt="Keys" width="36" height="57">
  66                     </td>
  67                     <td><input name="move_origin" type="radio" value="3"> 3
  68                         <img src="dagger.png" alt="Dagger" width="36" height="57">
  69                     </td>
  70                     <td><input name="move_origin" type="radio" value="4"> 4
  71                         <img src="hat.png" alt="Hat" width="36" height="57">
  72                     </td>
  73                     <td><input name="move_origin" type="radio" value="5"> 5
  74                         <img src="skull.png" alt="Skull" width="36" height="57">
  75                     </td>
  76                     <td><input name="move_origin" type="radio" value="6"> 6
  77                         <img src="bottle.png" alt="Bottle" width="36" height="57">
  78                     </td>
  79                 </tr>
  80                 <tr>
  81                     <td colspan="5">&nbsp;</td>
  82                     <td><input name="move_origin" type="radio" value="7"> 7
  83                         <img src="keys.png" alt="Keys" width="36" height="57">
  84                     </td>
  85                 </tr>
  86                 <tr>
  87                     <td><input name="move_origin" type="radio" value="13"> 13
  88                         <img src="dagger.png" alt="Dagger" width="36" height="57">
  89                     </td>
  90                     <td><input name="move_origin" type="radio" value="12"> 12
  91                         <img src="bottle.png" alt="Bottle" width="36" height="57">
  92                     </td>
  93                     <td><input name="move_origin" type="radio" value="11"> 11
  94                         <img src="gun.png" alt="Gun" width="36" height="57">
  95                     </td>
  96                     <td><input name="move_origin" type="radio" value="10"> 10
  97                         <img src="hat.png" alt="Hat" width="36" height="57">
  98                     </td>
  99                     <td><input name="move_origin" type="radio" value="9"> 9
 100                         <img src="skull.png" alt="Skull" width="36" height="57">
 101                     </td>
 102                     <td><input name="move_origin" type="radio" value="8"> 8
 103                         <img src="dagger.png" alt="Dagger" width="36" height="57">
 104                     </td>
 105                 </tr>
 106                 <tr>
 107                     <td><input name="move_origin" type="radio" value="14"> 14
 108                         <img src="bottle.png" alt="Bottle" width="36" height="57">
 109                     </td>
 110                     <td colspan="5">&nbsp;</td>
 111                 </tr>
 112                 <tr>
 113                     <td><input name="move_origin" type="radio" value="15"> 15
 114                         <img src="keys.png" alt="Keys" width="36" height="57">
 115                     </td>
 116                     <td><input name="move_origin" type="radio" value="16"> 16
 117                         <img src="gun.png" alt="Gun" width="36" height="57">
 118                     </td>
 119                     <td><input name="move_origin" type="radio" value="17"> 17
 120                         <img src="hat.png" alt="Hat" width="36" height="57">
 121                     </td>
 122                     <td><input name="move_origin" type="radio" value="18"> 18
 123                         <img src="skull.png" alt="Skull" width="36" height="57">
 124                     </td>
 125                     <td><input name="move_origin" type="radio" value="19"> 19
 126                         <img src="dagger.png" alt="Dagger" width="36" height="57">
 127                     </td>
 128                     <td><input name="move_origin" type="radio" value="20"> 20
 129                         <img src="skull.png" alt="Skull" width="36" height="57">
 130                     </td>
 131                 </tr>
 132                 <tr>
 133                     <td colspan="5">&nbsp;</td>
 134                     <td><input name="move_origin" type="radio" value="21"> 21
 135                         <img src="bottle.png" alt="Bottle" width="36" height="57">
 136                     </td>
 137                 </tr>
 138                 <tr>
 139                     <td><input name="move_origin" type="radio" value="27"> 27
 140                         <img src="keys.png" alt="Keys" width="36" height="57">
 141                     </td>
 142                     <td><input name="move_origin" type="radio" value="26"> 26
 143                         <img src="dagger.png" alt="Dagger" width="36" height="57">
 144                     </td>
 145                     <td><input name="move_origin" type="radio" value="25"> 25
 146                         <img src="hat.png" alt="Hat" width="36" height="57">
 147                     </td>
 148                     <td><input name="move_origin" type="radio" value="24"> 24
 149                         <img src="hat.png" alt="Hat" width="36" height="57">
 150                     </td>
 151                     <td><input name="move_origin" type="radio" value="23"> 23
 152                         <img src="keys.png" alt="Keys" width="36" height="57">
 153                     </td>
 154                     <td><input name="move_origin" type="radio" value="22"> 22
 155                         <img src="gun.png" alt="Gun" width="36" height="57">
 156                     </td>
 157                 </tr>
 158                 <tr>
 159                     <td><input name="move_origin" type="radio" value="28"> 28
 160                         <img src="bottle.png" alt="Bottle" width="36" height="57">
 161                     </td>
 162                     <td colspan="5">&nbsp;</td>
 163                 </tr>
 164                 <tr>
 165                     <td><input name="move_origin" type="radio" value="29"> 29
 166                         <img src="gun.png" alt="Gun" width="36" height="57">
 167                     </td>
 168                     <td><input name="move_origin" type="radio" value="30"> 30
 169                         <img src="skull.png" alt="Skull" width="36" height="57">
 170                     </td>
 171                     <td><input name="move_origin" type="radio" value="31"> 31
 172                         <img src="keys.png" alt="Keys" width="36" height="57">
 173                     </td>
 174                     <td><input name="move_origin" type="radio" value="32"> 32
 175                         <img src="bottle.png" alt="Bottle" width="36" height="57">
 176                     </td>
 177                     <td><input name="move_origin" type="radio" value="33"> 33
 178                         <img src="skull.png" alt="Skull" width="36" height="57">
 179                     </td>
 180                     <td><input name="move_origin" type="radio" value="34"> 34
 181                         <img src="dagger.png" alt="Dagger" width="36" height="57">
 182                     </td>
 183                 </tr>
 184                 <tr>
 185                     <td colspan="5">&nbsp;</td>
 186                     <td><input name="move_origin" type="radio" value="35"> 35
 187                         <img src="hat.png" alt="Hat" width="36" height="57">
 188                     </td>
 189                 </tr>
 190                 <tr>
 191                     <td align="right" colspan="5"><input name="move_origin" type="radio" value="37"> Boat
 192                         <img src="boat.png" alt="Boat" width="36" height="59">
 193                     </td>
 194                     <td><input name="move_origin" type="radio" value="36"> 36
 195                         <img src="gun.png" alt="Gun" width="36" height="57">
 196                     </td>
 197                 </tr>
 198             </table>
 199         </td>
 200         <td><!-- Controls column -->
 201         <p>Active player: <img src="red_pirate.png" width="22" height="22">
 202         <p>Actions remaining: 3</p>
 203         <p>Action to take</p>
 204         <table cellpadding="3" border="1">
 205             <tr><td><input name="action" type="radio" value="gun">
 206                     <img src="gun.png" alt="Gun" width="36" height="57"></td></tr>
 207             <tr><td><input name="action" type="radio" value="hat">
 208                     <img src="hat.png" alt="Hat" width="36" height="57"></td></tr>
 209             <tr><td><input name="action" type="radio" value="skuill">
 210                     <img src="skull.png" alt="Skull" width="36" height="57"></td></tr>
 211             <tr><td><input name="action" type="radio" value="retreat">
 212                     <img src="retreat.png" alt="Retreat"></td></tr>
 213         </table>
 214         <INPUT NAME="Move" TYPE="submit" VALUE="Manual move">
 215         <p>Selected robot <SELECT NAME="robot">
 216             <OPTION VALUE="First Possible">First Possible</OPTION>
 217             <OPTION VALUE="Random">Random</OPTION>
 218             </SELECT>
 219             <INPUT NAME="robot_move" TYPE="submit" VALUE="Robot move"><INPUT NAME="chosen_robot" TYPE="hidden" VALUE=""></p>
 220         <p>Players' card counts:</p>
 221         <table>
 222             <tr><td><img src="red_pirate.png" width="22" height="22"> 3 (active)</td></tr>
 223             <tr><td><img src="green_pirate.png" width="22" height="22"> 3</td></tr>
 224             <tr><td><img src="blue_pirate.png" width="22" height="22"> 3</td></tr>
 225             <tr><td><img src="yellow_pirate.png" width="22" height="22"> 3</td></tr>
 226             <tr><td><img src="brown_pirate.png" width="22" height="22"> 3</td></tr>
 227         </table>
 228         <td><!-- Move history -->
 229             <p>Game history</p>
 230             <select name="move_history" size="15"></select>
 231         </td>
 232     </tr>
 233 </table>
 234
 235 </form>
 236 </BODY>
 237 </HTML>