[jira] Commented: (OFBIZ-2197) Bluelight theme Drop-down Applications Bar JS fix

["Jacques Le Roux (JIRA)" <ji...@apache.org>]

    [ https://issues.apache.org/jira/browse/OFBIZ-2197?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12678670#action_12678670 ] 

Jacques Le Roux commented on OFBIZ-2197:
----------------------------------------

Hi Ryan,

I did not noticed 1st, but since I introduced your changes, in FF (and in IE as well) the options menus are not higlighted anymore when you move the mouse over. Have you an idea on how to fix that ?

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: Bug
>          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.