Drop-down menu does not work inside right-to-left sites

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
webman
Forum Newbie
Posts: 13
Joined: Thu May 27, 2010 8:20 am

Drop-down menu does not work inside right-to-left sites

Post by webman »

I am posting here since I have not received the needed help at the Drupal site. It is the Drupal module administration menu. This module shows a a drop-down menu that gives easy access to most of the administration pages. It works very fine inside left-to-right sites. The drop-down menu works as it should. However, inside right-to-left sites the drop-down menu does not appear. It simply does not expand (drop-down).

I think the problem is caused by the structure of the js file delivered with the module.

I post here with the hope that someone has encountered a similar problem inside RTL sites. The js file is attached to this post (originally bundled with version 6.x-1.6).

Administration menu site:
http://drupal.org/project/admin_menu

Here is the critical and relevant part of that js file, I think:

Code: Select all

  // Delayed mouseout.
  $('#admin-menu li').hover(function() {
    // Stop the timer.
    clearTimeout(this.sfTimer);
    // Display child lists.
    $('> ul', this).css({left: 'auto', display: 'block'})
      // Immediately hide nephew lists.
      .parent().siblings('li').children('ul').css({left: '-999em', display: 'none'});
  }, function() {
    // Start the timer.
    var uls = $('> ul', this);
    this.sfTimer = setTimeout(function() {
      uls.css({left: '-999em', display: 'none'});
    }, 400);
Thanks in advance.
Attachments
admin_menu.zip
js file inside
(882 Bytes) Downloaded 117 times
Post Reply