Don't like ads? PRO users don't see any ads ;-)
Guest

Homo pornoo jonkun naveetassa.

By: a guest on May 21st, 2012  |  syntax: None  |  size: 2.07 KB  |  hits: 131  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2. <head>
  3. <style>
  4. td {
  5. font-family: Impact;
  6. font-weight: bold;
  7. height: 6em;
  8. margin: 0;
  9. text-align: center;
  10. width: 6em;
  11. vertical-align: middle;
  12. }
  13.  
  14. #leftTop {
  15. border-bottom: 1px black solid;
  16. border-left: 0;
  17. border-right: 1px black solid;
  18. border-top: 0;
  19. }
  20. #midTop {
  21. border-bottom: 1px black solid;
  22. border-left: 1px black solid;
  23. border-right: 1px black solid;
  24. border-top: 0;
  25. }
  26. #rightTop {
  27. border-bottom: 1px black solid;
  28. border-left: 1px black solid;
  29. border-right: 0;
  30. border-top: 0;
  31. }
  32. #leftMid {
  33. border-bottom: 1px black solid;
  34. border-left: 0;
  35. border-right: 1px black solid;
  36. border-top: 1px black solid;
  37. }
  38. #midMid {
  39. border-bottom: 1px black solid;
  40. border-left: 1px black solid;
  41. border-right: 1px black solid;
  42. border-top: 1px black solid;
  43. }
  44. #rightMid {
  45. border-bottom: 1px black solid;
  46. border-left: 1px black solid;
  47. border-right: 0;
  48. border-top: 1px black solid;
  49. }
  50. #leftBot {
  51. border-bottom: 0;
  52. border-left: 0;
  53. border-right: 1px black solid;
  54. border-top: 1px black solid;
  55. }
  56. #midBot {
  57. border-bottom: 0;
  58. border-left: 1px black solid;
  59. border-right: 1px black solid;
  60. border-top: 1px black solid;
  61. }
  62. #rightBot {
  63. border-bottom: 0;
  64. border-left: 1px black solid;
  65. border-right: 0;
  66. border-top: 1px black solid;
  67. }
  68. </style>
  69. <script language=javascript>
  70. var XO = 'z';
  71.  
  72. function placeXO(cellRef) {
  73. if ('X' == XO) XO = 'O';
  74. else XO = 'X';
  75. cellRef.innerHTML = XO;
  76. }
  77.  
  78. function resetGame() {
  79. location.reload();
  80. }
  81. </script>
  82. </head>
  83. <body>
  84.  
  85.  
  86.  
  87. <table>
  88. <tr>
  89. <td id="leftTop" onclick="placeXO(this);"> </td>
  90. <td id="midTop" onclick="placeXO(this);"> </td>
  91. <td id="rightTop" onclick="placeXO(this);"> </td>
  92. </tr>
  93. <tr>
  94. <td id="leftMid" onclick="placeXO(this);"> </td>
  95. <td id="midMid" onclick="placeXO(this);"> </td>
  96. <td id="rightMid" onclick="placeXO(this);"> </td>
  97. </tr>
  98. <tr>
  99. <td id="leftBot" onclick="placeXO(this);"> </td>
  100. <td id="midBot" onclick="placeXO(this);"> </td>
  101. <td id="rightBot" onclick="placeXO(this);"> </td>
  102. </tr>
  103. </table>
  104.  
  105.  
  106. <form>
  107. <input type="button" value="Aloita alusta" onclick="resetGame();" />
  108. </form>
  109. </body>
  110. </html>