SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    derrrp
    Join Date
    Aug 2006
    Location
    earth
    Posts
    923
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    sticky suckerfish menu in IE7

    hi,

    sample here.

    In IE7 the flyout menu's stick instead of disappearing. It doesn't do this in IE6 or FF or Opera.

    Would anyone care to help? Thanks!
    No, I REALLY dislike having to use Joomla.

  2. #2
    SitePoint Guru Rob_D's Avatar
    Join Date
    Oct 2006
    Location
    UK
    Posts
    882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Why are you using this?
    Code:
    this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
    Try this instead:
    Code:
    this.className=this.className.replace(" sfhover", "");
    It has yet to be proven that intelligence has any survival value.
    Arthur C. Clarke

  3. #3
    derrrp
    Join Date
    Aug 2006
    Location
    earth
    Posts
    923
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the reply.

    I made the change you suggested, but the results are the same.
    No, I REALLY dislike having to use Joomla.

  4. #4
    SitePoint Guru Rob_D's Avatar
    Join Date
    Oct 2006
    Location
    UK
    Posts
    882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This code works for me on sites I use
    Code:
    //dropdown menu
    startList = function() {
    if (document.all&&document.getElementById) {
    navRoot = document.getElementById("nav");
    for (i=0; i<navRoot.childNodes.length; i++) {
    node = navRoot.childNodes[i];
    if (node.nodeName=="LI") {
    node.onmouseover=function() {
    this.className+=" over";
      }
      node.onmouseout=function() {
      this.className=this.className.replace(" over", "");
       }
       }
      }
     }
    }
    window.onload=startList
    Replace the className with yours.

    If that doesn't work, try adding display:block; to the element thats you want to show onmouseover like:
    Code:
     li.over ul {
    	display: block;
    	}
    (remebering to replace the class name with yours)
    It has yet to be proven that intelligence has any survival value.
    Arthur C. Clarke

  5. #5
    derrrp
    Join Date
    Aug 2006
    Location
    earth
    Posts
    923
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    cool, it was the display:block; that did it.

    thanks!
    No, I REALLY dislike having to use Joomla.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •