[ https://issues.apache.org/jira/browse/OFBIZ-2197?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12676017#action_12676017 ]
Ryan Foster commented on OFBIZ-2197: ------------------------------------ Sorry. Took another look at this. It looks like the javascript was firing just fine, but in the CSS on line 1056, the default style display:none was overriding my dynamic inline attribute fom the class file. I made some CSS style changes to correct this problem, and also moved the function to fire on dom:loaded instead of window:load so that you don't see that flash of the dropdown menu before it is hidden so pronounced. I believe some additional CSS fixes to be made to really get this theme looking good on IE, but at least the dropdown should be fully functional now. Please commit the latest patch. Thanks. > 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 > Assignee: David E. Jones > Priority: Minor > Fix For: SVN trunk > > Attachments: bluelight.patch, bluelight.patch, Bluelight1.jpg > > > 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.