SF.net SVN: postfixadmin: [281] trunk

[<chr...@us...>]

Revision: 281
          http://postfixadmin.svn.sourceforge.net/postfixadmin/?rev=281&view=rev
Author:   christian_boltz
Date:     2007-12-30 10:49:18 -0800 (Sun, 30 Dec 2007)

Log Message:
-----------
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

Modified Paths:
--------------
    trunk/stylesheet.css
    trunk/templates/menu.php

Modified: trunk/stylesheet.css
===================================================================
--- trunk/stylesheet.css	2007-12-30 01:32:33 UTC (rev 280)
+++ trunk/stylesheet.css	2007-12-30 18:49:18 UTC (rev 281)
@@ -102,7 +102,7 @@
 	border-top: 4px solid #aaaaaa;
 }
 
-#menu li:hover {
+#menu li:hover, #menu li.sfhover {
 	background: #BFFF00;
 }
 
@@ -113,7 +113,7 @@
 	border:2px solid white;
 	border-top:none;
 }
-#menu li:hover ul {
+#menu li:hover ul, #menu li.sfhover ul {
    left: auto;
 }
 

Modified: trunk/templates/menu.php
===================================================================
--- trunk/templates/menu.php	2007-12-30 01:32:33 UTC (rev 280)
+++ trunk/templates/menu.php	2007-12-30 18:49:18 UTC (rev 281)
@@ -79,5 +79,25 @@
    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: */
 ?>


This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.