From 56968abc0cf4630929bafc258f015f17ca50a8c5 Mon Sep 17 00:00:00 2001
From: Christian Boltz <postfixadmin@cboltz.de>
Date: Sun, 30 Dec 2007 18:49:18 +0000
Subject: [PATCH] templates/menu.php: - added JS to enable dropdowns in IE  
 https://sourceforge.net/tracker/?func=detail&atid=937964&aid=1859556&group_id=191583

stylesheet.css:
- dupliated the menu :hover styles as .sfhover for IE


git-svn-id: https://svn.code.sf.net/p/postfixadmin/code/trunk@281 a1433add-5e2c-0410-b055-b7f2511e0802
---
 stylesheet.css     |  4 ++--
 templates/menu.php | 20 ++++++++++++++++++++
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/stylesheet.css b/stylesheet.css
index e5305aa9..bf306348 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -102,7 +102,7 @@ table {
 	border-top: 4px solid #aaaaaa;
 }
 
-#menu li:hover {
+#menu li:hover, #menu li.sfhover {
 	background: #BFFF00;
 }
 
@@ -113,7 +113,7 @@ table {
 	border:2px solid white;
 	border-top:none;
 }
-#menu li:hover ul {
+#menu li:hover ul, #menu li.sfhover ul {
    left: auto;
 }
 
diff --git a/templates/menu.php b/templates/menu.php
index df37276e..6817d2f8 100644
--- a/templates/menu.php
+++ b/templates/menu.php
@@ -79,5 +79,25 @@ if (file_exists (realpath ($motd_file)))
    print "</div>";
 }
 
+
+
+# IE can't handle :hover dropdowns correctly. It needs some JS instead.
+?>
+<script type='text/javascript'>
+sfHover = function() {
+   var sfEls = document.getElementById("menu").getElementsByTagName("LI");
+      for (var i=0; i<sfEls.length; i++) {
+         sfEls[i].onmouseover=function() {
+            this.className+=" sfhover";
+         }
+         sfEls[i].onmouseout=function() {
+            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
+         }
+   }
+}
+if (window.attachEvent) window.attachEvent("onload", sfHover);
+</script>
+
+<?php
 /* vim: set ft=php expandtab softtabstop=3 tabstop=3 shiftwidth=3: */
 ?>