NEW FEATURE: add two buttons to move forward and backwards through the tricks
[e-DoKo.git] / include / output.php
index 62ab2643f8485c5de99871c64d6f8d2c30fe6582..28489a08a50fabd1829b422d81dd1f1a29c03a2d 100644 (file)
@@ -230,6 +230,7 @@ function output_header()
      <link rel="shortcut icon" type="image/x-icon" href="pics/edoko-favicon.png" />
      <link rel="stylesheet" type="text/css" href="css/standard003.css" />
      <script type="text/javascript">
      <link rel="shortcut icon" type="image/x-icon" href="pics/edoko-favicon.png" />
      <link rel="stylesheet" type="text/css" href="css/standard003.css" />
      <script type="text/javascript">
+       var current=0;
        function hl(num) {
          if(document.getElementById){
           var i;
        function hl(num) {
          if(document.getElementById){
           var i;
@@ -238,6 +239,7 @@ function output_header()
               document.getElementById("trick"+i).style.display = 'none';
           }
           document.getElementById("trick"+num).style.display = 'block';
               document.getElementById("trick"+i).style.display = 'none';
           }
           document.getElementById("trick"+num).style.display = 'block';
+          current=num;
         }
        }
        function high_last(){
         }
        }
        function high_last(){
@@ -247,11 +249,22 @@ function output_header()
             if(document.getElementById("trick"+i))
               {
                 hl(i);
             if(document.getElementById("trick"+i))
               {
                 hl(i);
+                current=i;
                 break;
               }
           }
         }
        }
                 break;
               }
           }
         }
        }
+       function hl_next()
+        {
+          if(document.getElementById("trick"+(current+1)))
+            hl(current+1);
+        }
+       function hl_prev()
+        {
+          if(document.getElementById("trick"+(current-1)))
+            hl(current-1);
+        }
      </script>
   </head>
 <body onload="high_last();">
      </script>
   </head>
 <body onload="high_last();">