Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Nov 2004
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    javascript menu breaking over form element

    Hi. I'm completely at a loss trying to build a javascript menu for a page that has a bunch of form elements.
    Essentially the menu works but hides behind the form fields and I have no idea how to fix it. Below is the code - I put a form field in for testing purposes.

    The javascript I have stolen from an existing file and may not be the most elegant but it looks like it should do - if somebody can help me I promise I will take a javascript class and never bother any of you again. Many thanks
    Claznit

    <head>
    <title>Horizontal Drop Down Menus</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript" src="drop_down.js"></script>
    <style >


    ul li {
    position: relative;
    }

    li ul {
    position: absolute;
    left: 149px;
    top: 0;
    display: none;
    }

    ul li a {
    display: block;
    text-decoration: none;
    color: #666666;
    font-family: verdana;
    font-size:8pt;
    background: #fff;
    padding: 5px;
    border: 1px solid #666666;
    border-bottom: 0;
    }

    .navOn {
    font-weight: bold;
    }

    .navTask {
    color : #336699;
    }

    .navArrow {
    image : url(images/arrow_blue.gif);
    }

    .navTask {
    color : #336699;
    }

    /* Fix IE. Hide from IE Mac \*/
    * html ul li { float: left; }
    * html ul li a { height: 1%; }
    /* End */


    ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px;
    border-bottom: 1px solid #666666;
    }

    li:hover ul, li.over ul {
    display: block; }

    </style>


    <script language="Javascript">

    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;

    </script>
    </head>
    <body>

    <table>
    <tr>
    <td>
    <ul id="nav">
    <li><a class="navTask" href="#">Client Information</a></li>
    <ul>
    <li><a class="navTask" href="#">Client Identity</a></li>
    <li><a class="navTask"href="#">Money Laundering</a></li>
    </ul>
    </li>
    <li><a href="#">Administration</a>
    <ul>
    <li><a href="#">Fund Identity</a></li>
    <li><a href="#">Fund Details</a></li>
    <li><a href="#">Admin Details</a></li>
    <li><a href="#">Additional Details</a></li>

    </ul>
    </li>
    <li><a href="#">Custody</a>
    </li>
    <li><a href="#">Relationship Management</a></li>
    <ul>
    <li><a href="#">General Information</a></li>
    <li><a href="#">Bank Details</a></li>
    <li><a href="#">Company Information</a></li>
    </ul>
    </li>
    </li>
    <li><a href="#">Currency Details</a>
    <ul>
    <li><a href="#">Capital Currencies</a></li>
    <li><a href="#">Futures Currencies</a></li>
    </ul>
    </li>
    <li><a href="#">Custodian Details</a>
    </li>
    <li><a href="#">Money Laundering</a>
    </li>
    <li><a href="#">Partfund</a>
    </li>
    <li><a href="#">Fees</a>
    <ul>
    <li><a href="#">Fee Administration</a></li>
    <li><a href="#">Multi-Tiered Fees</a></li>
    <li><a href="#">Single-Tiered Fees</a></li>
    <li><a href="#">Performance Fees</a></li>
    </ul>
    </li>
    </ul>
    </td>
    <td valign="top"> <select name=""><option value="s">mdf</option></select></td>
    </tr>
    </table>
    </body>
    Last edited by claznit; 11-11-2004 at 01:57 PM.

  • #2
    Regular Coder
    Join Date
    Jul 2002
    Posts
    698
    Thanks
    0
    Thanked 0 Times in 0 Posts
    slect is a windows component in IE

  • #3
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    See this thread http://www.codingforums.com/showthre...threadid=28261
    for the solution.
    Check out the Forum Search. It's the short path to getting great results from this forum.


  •  

    Posting Permissions

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