You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@ofbiz.apache.org by "David E. Jones (JIRA)" <ji...@apache.org> on 2009/02/20 08:01:03 UTC

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

     [ https://issues.apache.org/jira/browse/OFBIZ-2197?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

David E. Jones closed OFBIZ-2197.
---------------------------------

    Resolution: Fixed

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