LAYOUT: 1st round of changes to get rid of overlapping areas
[e-DoKo.git] / output.php
index 845281563615800795606c6e54cbd79de07c735b..88bc9f21a1d2b6bbd6050e2260d8a44e9d9379a6 100644 (file)
@@ -2,30 +2,13 @@
 
 /* functions which only ouput html  */
 
-function display_links($email,$password)
-{
-  global $wiki;
-  echo "<div class=\"bug\">\n".
-    "Report bugs in the <a href=\"". $wiki."\">wiki</a>.<hr />\n";
-  output_link_to_user_page($email,$password);
-  echo  "</div>\n";
-  return;
-}
-
-function output_link_to_user_page($email,$password)
-{
-  echo "<a href=\"index.php\"> go to my user page </a>";
-
-  return;
-}
-
 function output_user_settings($email,$password)
 {
   global $PREF;
 
   echo "<div class=\"useroptions\">\n";
   echo "<h4> Settings </h4>\n";
-  echo "<a href=\"index.php?passwd=ask\">change password</a><br /";
+  echo "<a href=\"index.php?passwd=ask\">change password</a><br />";
 
   if( $PREF["cardset"] == "english" )
     echo "<a href=\"index.php?setpref=germancards\">use german cards</a><br />";
@@ -42,7 +25,6 @@ function output_ask_for_new_game($playerA,$playerB,$playerC,$playerD,$oldgameid)
   global $RULES;
 
   echo "Do you want to continue playing?(This will start a new game, with the next person as dealer.)\n";
-  echo "<form action=\"index.php\" method=\"post\">\n";
   echo "  <input type=\"hidden\" name=\"PlayerA\" value=\"$playerA\" />\n";
   echo "  <input type=\"hidden\" name=\"PlayerB\" value=\"$playerB\" />\n";
   echo "  <input type=\"hidden\" name=\"PlayerC\" value=\"$playerC\" />\n";
@@ -52,7 +34,6 @@ function output_ask_for_new_game($playerA,$playerB,$playerC,$playerD,$oldgameid)
   echo "  <input type=\"hidden\" name=\"call\" value=\"".$RULES["call"]."\" />\n";
   echo "  <input type=\"hidden\" name=\"followup\" value=\"$oldgameid\" />\n";
   echo "  <input type=\"submit\" value=\"keep playing\" />\n";
-  echo "</form>\n";
 
   return;
 }
@@ -63,13 +44,19 @@ function output_form_for_new_game($names)
     <h2> Players </h2>
     <p>Please select four players (or use the randomly pre-selected names)</p>
        <form action="index.php" method="post">
+
+   <div class="table">
+     <img src="pics/table.png" alt="table" />
 <?php
     /* ask for player names */
+    $i=0;
   foreach( array("PlayerA","PlayerB","PlayerC","PlayerD") as $player)
   {
     srand((float) microtime() * 10000000);
     $randkey = array_rand($names);
     $rand = $names[$randkey];
+    echo  "<span class=\"table".$i."\">";
+    $i++;
     echo "    Name:  <select name=\"$player\" size=\"1\" />  \n";
     foreach($names as $name)
     {
@@ -80,10 +67,11 @@ function output_form_for_new_game($names)
       else
        echo "     <option>$name</option>\n";
     }
-    echo "  </select>\n";
+    echo "  </select></span>\n";
    }
 ?>   
-   <h2> Rules </h2> 
+    </div>
+   <h2 class="rules"> Rules </h2> 
       <p> Some areas are grayed out which means that the rule is not implemented yet and therefore cannot be selected </p>
       <p> ten of hearts: 
          <ul>
@@ -145,7 +133,7 @@ function display_link_card($card,$dir="english",$type="card")
 function output_check_for_sickness($me,$mycards)
 {
  ?>
-  <form action="index.php" method="post">
+  <div class="sickness"> Thanks for joining the game...<br />
 
     do you want to play solo? 
     <select name="solo" size="1">
@@ -198,7 +186,7 @@ function output_check_for_sickness($me,$mycards)
    echo "<input type=\"hidden\" name=\"me\" value=\"$me\" />\n";
    echo "<input type=\"submit\" value=\"count me in\" />\n";
 
-   echo "</form>\n";
+   echo "</div>\n";
 
   return;
 }
@@ -213,30 +201,30 @@ function output_form_calls($me)
       " <input type=\"radio\" name=\"call90\" value=\"yes\" /> <br />";
   if( can_call(60,$me) )
     echo " 60:".
-      " <input type=\"radio\" name=\"call60\" value=\"yes\" /> ";
+      " <input type=\"radio\" name=\"call60\" value=\"yes\" /> <br />";
   if( can_call(30,$me) )
     echo " 30:".
-      " <input type=\"radio\" name=\"call30\" value=\"yes\" /> ";
+      " <input type=\"radio\" name=\"call30\" value=\"yes\" /> <br />";
   if( can_call(0,$me) )
     echo " 0:".
-      " <input type=\"radio\" name=\"call0\" value=\"yes\" /> ".
+      " <input type=\"radio\" name=\"call0\" value=\"yes\" /> <br />".
       " no call:".
-      " <input type=\"radio\" name=\"call0\" value=\"no\" /> ";
+      " <input type=\"radio\" name=\"call0\" value=\"no\" /> <br />";
 }
 
 
 function output_check_want_to_play($me)
 {
    ?>
- <form action="index.php" method="post">
-   Do you want to play a game of DoKo?
+ <div class="joingame">
+   Do you want to play a game of DoKo? <br />
    yes<input type="radio" name="in" value="yes" />
    no<input type="radio" name="in" value="no" /> <br />
 <?php   
   echo "<input type=\"hidden\" name=\"me\" value=\"$me\" />\n";
   echo "\n";
-  echo "<input type=\"submit\" value=\"count me in\" />\n";
-  echo " </form>\n";
+  echo "<input type=\"submit\" value=\"submit\" />\n";
+  echo " </div>\n";
 
   return;
 }
@@ -313,7 +301,7 @@ function output_header()
        function hl(num) {
          if(document.getElementById){
           var i;
-          for(i=1;i<13;i++){
+          for(i=1;i<14;i++){
             if(document.getElementById("trick"+i))
               document.getElementById("trick"+i).style.display = 'none';
           }
@@ -323,7 +311,7 @@ function output_header()
        function high_last(){
         if(document.getElementById){
           var i;
-          for(i=12;i>0;i--) {
+          for(i=13;i>0;i--) {
             if(document.getElementById("trick"+i))
               {
                 hl(i);
@@ -338,7 +326,7 @@ function output_header()
 <div class="header">
 <h1> Welcome to E-Doko <sup style="color:#888;">(beta)</sup> </h1>
 </div>
-
+<div class="main">
 <?php
   return;
 }
@@ -347,6 +335,7 @@ function output_footer()
 {
   global $REV,$PREF;
 
+  echo "</div>";
   echo "<div class=\"footer\">\n";
   echo "<p class=\"left\"> copyright 2006-2007 Arun Persaud <br />\n".
     "Verwendung der [deutschen] Kartenbilder mit Genehmigung <br />der Spielkartenfabrik Altenburg GmbH,(c) ASS Altenburger <br />".