[ 
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.

Reply via email to