Bluelight theme Drop-down Applications Bar JS fix
-------------------------------------------------

                 Key: OFBIZ-2197
                 URL: https://issues.apache.org/jira/browse/OFBIZ-2197
             Project: OFBiz
          Issue Type: Improvement
          Components: ALL COMPONENTS
    Affects Versions: SVN trunk
            Reporter: Ryan Foster
            Priority: Minor
             Fix For: SVN trunk


This is a relatively simple javascript fix to the bluelight theme for the lack 
of :hover attribute support in IE6.  This method piggybacks on the included 
Prototype framework by creating a drop down menu class:

var DropDownMenu = Class.create();
    DropDownMenu.prototype = {
        initialize: function(menuElement) {
            menuElement.childElements().each(function(node){
                // if there is a submenu
               var submenu = $A(node.getElementsByTagName("ul")).first();
               if(submenu != null){
                   // make sub-menu invisible
                   Element.extend(submenu).setStyle({display: 'none'});
                   // toggle the visibility of the submenu
                  node.onmouseover = node.onmouseout = function(){ 
Element.toggle(submenu); }
              }
        });
    }
};

//initialize the dropdown menu on page load and target the main-navigation and 
app-navigation divs
Event.observe(window, "load", function(){ 
    var mainmenu = new DropDownMenu($('main-navigation')); 
    var appmenu = new DropDownMenu($('app-navigation')); 
});

I have attached a patch for you to implement. Let me know if you have any 
questions.

-- 
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.

Reply via email to