diff options
| author | Brett Profitt <brett.profitt@gmail.com> | 2011-09-05 18:46:36 -0700 |
|---|---|---|
| committer | Brett Profitt <brett.profitt@gmail.com> | 2011-09-05 18:46:36 -0700 |
| commit | 826310d08ba1ed468ab01b8a5c87b5396fed3a3c (patch) | |
| tree | 7650f5cd6e531d261a1ebf352bfee263120aca2c /js/lib | |
| parent | 0c691827db6066c8e371279a87682decf4c511d3 (diff) | |
| download | elgg-826310d08ba1ed468ab01b8a5c87b5396fed3a3c.tar.gz elgg-826310d08ba1ed468ab01b8a5c87b5396fed3a3c.tar.bz2 | |
Refs #3449, #3770. Using JS to fix submenu dropdown in IE7.
Diffstat (limited to 'js/lib')
| -rw-r--r-- | js/lib/ui.js | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/js/lib/ui.js b/js/lib/ui.js index 4426917ed..46e418e8b 100644 --- a/js/lib/ui.js +++ b/js/lib/ui.js @@ -22,6 +22,13 @@ elgg.ui.init = function () { if ($('.elgg-input-date').length) { elgg.ui.initDatePicker(); } + + // fix for ie7 CSS issue on menu dropdown + // open the menu when you hover over it, close when you click off of it. + // @todo This should be possible with CSS. Anyone want to tame the beast, go for it. + if ($.browser.msie && $.browser.version <= 7) { + $('.elgg-menu-site > .elgg-more').live('mouseenter', elgg.ui.ie7MenuFixMouseEnter) + } } /** @@ -275,5 +282,32 @@ elgg.ui.initDatePicker = function() { }); } +/** + * IE 7 doesn't like our site menu system CSS, so open it with JS. + */ +elgg.ui.ie7MenuFixMouseEnter = function() { + $('.elgg-menu-site .elgg-menu-site-more').css('display', 'block'); + $('.elgg-menu-site .elgg-more > a') + .css('background-color', 'white') + .css('color', '#555') + + $body = $('body'); + if (!$body.data('hasIe7Clear')) { + $body.live('click', elgg.ui.ie7MenuClear); + $body.data('hasIe7Clear', true); + } + +} + +/** + * Close the menu when clicking on the body + */ +elgg.ui.ie7MenuClear = function() { + $('.elgg-menu-site .elgg-menu-site-more').css('display', 'none'); + $('.elgg-menu-site .elgg-more > a') + .css('background-color', 'transparent') + .css('color', 'white') +} + elgg.register_hook_handler('init', 'system', elgg.ui.init); elgg.register_hook_handler('getOptions', 'ui.popup', elgg.ui.LoginHandler);
\ No newline at end of file |