Won't Work on MAC

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • mattrapoport@gmail.com

    Won't Work on MAC

    Hi All, I have never written any code for MACs and I don't own a MAC.
    I have an intranet site that has drop down menus very similar to the
    ones on this site .. http://www.fedex.com/us/

    The menus work perfectly on Windows IE but not at all on MAC IE. Any
    chance someone out there can easily identify the problem in my code?
    I'm sure I'm referencing some object or event that doesn't exist in
    MACs but I can't find any docs that would help me figure out where the
    problem is.

    Here's the CSS:

    a
    {
    text-decoration: none;
    color: black;
    }
    a#pw
    {
    color: blue;
    text-decoration: underline;
    cursor: hand;
    }
    a:hover li
    {
    background-color: #E35152;
    }
    ul
    {
    margin: 0;
    padding: 0;
    border: 0px none;; list-style-type:none
    }
    li
    {
    border-left:2px solid; border-right:2px solid; border-top:0px solid;
    border-bottom:2px solid; cursor: hand;
    float: left;
    position: relative;
    font-size: 10pt;
    text-align: left;
    width: 142;
    padding: 4;
    background-color: #C0C0C0
    }
    li ul
    {
    position: absolute;
    left: -2px;
    top: 23px;
    display: none;
    padding: 0;
    }
    li#title
    {
    text-align: left;
    height: 20px;
    font-weight: bold;
    padding: 3;
    border-left-width: 0;
    }
    li:hover ul, li.over ul
    {
    display: block;
    }
    li:hover, li.over
    {
    background-color: #E35152;
    }


    Here's the Javascript:

    function startList()
    {
    if (document.all&& document.getEle mentById)
    {
    navRoot = document.getEle mentById('nav') ;
    for (i=0; i<navRoot.child Nodes.length; i++)
    {
    node = navRoot.childNo des[i];
    if (node.nodeName= ='LI')
    {
    node.onmouseove r=function()
    {
    this.className+ =' over';
    }
    node.onmouseout =function()
    {
    this.className= this.className. replace(' over', '');
    }
    }
    }
    }
    }


    Thanks in advance for the help.

    - Matt

  • Fred Oz

    #2
    Re: Won't Work on MAC

    mattrapoport@gm ail.com wrote:[color=blue]
    > Hi All, I have never written any code for MACs and I don't own a MAC.
    > I have an intranet site that has drop down menus very similar to the
    > ones on this site .. http://www.fedex.com/us/
    >
    > The menus work perfectly on Windows IE but not at all on MAC IE. Any
    > chance someone out there can easily identify the problem in my code?
    > I'm sure I'm referencing some object or event that doesn't exist in
    > MACs but I can't find any docs that would help me figure out where the
    > problem is.[/color]

    It may help if you identify which Mac IE you're having problems with.
    There is quite a bit of difference between 5.0 and later versions
    (support for some 'features' was actually reduced).
    [color=blue]
    >[/color]
    [...][color=blue]
    > Here's the Javascript:
    >
    > function startList()
    > {
    > if (document.all&& document.getEle mentById)[/color]

    Probably nothing to do with your issue, but it seems strange to
    restrict operation of the script to only browsers that support both
    getElementById and document.all - particularly given that you use
    only getElementById.

    Have a look in the group FAQ for ways to support document.all.
    [color=blue]
    > {
    > navRoot = document.getEle mentById('nav') ;
    > for (i=0; i<navRoot.child Nodes.length; i++)
    > {[/color]
    [...][color=blue]
    > }
    > }
    >
    >
    > Thanks in advance for the help.
    >
    > - Matt
    >[/color]

    --
    Fred

    Comment

    Working...