De kleurtjes

templates/__header.phtml

@@ -25,8 +25,8 @@
                 <div class="container">
                     <ul class="nv">
                         <li><a href="rekeningen">Rekeningen</a></li>
-						<li><a href="rekeningen">Transactie Beginnen</a></li>
-						<li><a href="rekeningen">Transacties</a></li>
+						<li><a href="overboeking">Overboeking</a></li>
+						<li><a href="transacties">Transacties</a></li>
                     </ul>
                 </div>
             </div>

templates/index.phtml

@@ -1,6 +1,14 @@
 <?php include '__header.phtml'; ?>
 
 <script>
+	function ChangeColor(tableRow, highLight) {
+		if (highLight) {
+			tableRow.style.backgroundColor = '#0094ff';
+		}
+		else {
+			tableRow.style.backgroundColor = 'white';
+		}
+	}
   function DoNav(theUrl) {
 	document.location.href = theUrl;
   }
@@ -14,7 +22,8 @@
     <?php
         foreach ($rekeningen as $rekening) {
             ?>
-            <tr onclick="DoNav('transacties.phtml');">
+            <tr onmouseover="ChangeColor(this, true);" 
+              onmouseout="ChangeColor(this, false);" onclick="DoNav('transacties.phtml');">
                 <td><?php echo $rekening['iban']; ?></td>
                 <td><?php echo $rekening['saldo']; ?></td>
                 <td><?php echo "&euro;" . $rekening['nr']; ?></td>