Results 1 to 2 of 2
  1. #1
    sfphoto is offline Member
    Join Date
    Dec 2010
    Posts
    1
    Rep Power
    0

    Default Script not working with IE7

    Script not working with MSIE v7
    Ok with v6, FF, Safari

    URL:
    http://sfphotography.com/menu/test.html

    [HTML CODE]

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>Title</title>


    </head>

    <script type="text/javascript" src="drop_down.js"></script>
    <style type="text/css">
    @import url(style2.css);
    </style>

    <body text="black" bgcolor="white" link="#a50921" vlink="#767676" background="">


    <div align="center">
    <ul><font size="2">
    <li><a href="#">Rooms</a>
    <ul>
    <li><a href="queen.html">2 Queen / King</a></li>
    <li><a href="family.html">Family Suite</a></li>
    <li><a href="jacuzzi.html">Jacuzzi Suite</a></li>
    </ul>
    </li>
    <li><a href="#">Rates</a>
    <ul>
    <li><a href="queen_.html">2 Queen / King</a></li>
    <li><a href="family_.html">Family Suite</a></li>
    <li><a href="jacuzzi_.html">Jacuzzi Suite</a></li>
    </ul>
    </li>
    </font>
    </ul>

    </body>
    </html>

    [/CODE]



    [SCRIPT CODE]

    // JavaScript Document

    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;

    [/CODE]




    [CSS CODE]

    body {
    font: normal 11px verdana;
    }

    ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px; /* Width of Menu Items */
    border-bottom: 1px solid #ccc;
    }

    ul li {
    position: relative;
    }

    li ul {
    position: absolute;
    left: 149px; /* Set 1px less than menu width */
    top: 0;
    display: none;
    }

    /* Styles for Menu Items */
    ul li a {
    display: block;
    text-decoration: none;
    color: #777;
    background: #fff; /* IE6 Bug */
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
    }

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

    ul li a:hover { color: #a50921; background: #f9f9f9; } /* Hover Styles */

    li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

    li:hover ul, li.over ul { display: block; } /* The magic */

    [/CODE]

  2. #2
    Tolls is offline Moderator
    Join Date
    Apr 2009
    Posts
    12,015
    Rep Power
    20

    Default

    This is a Java forum, not a Javascript forum.
    They're two different languages.

Similar Threads

  1. Java script
    By kirtichopra2003 in forum Advanced Java
    Replies: 1
    Last Post: 12-04-2009, 07:55 PM
  2. Replies: 8
    Last Post: 05-28-2008, 07:00 AM
  3. JSP send mail script not working.
    By profuse in forum Java Applets
    Replies: 1
    Last Post: 05-27-2008, 06:37 AM
  4. JSP redirection script
    By ravian in forum New To Java
    Replies: 1
    Last Post: 01-07-2008, 10:33 AM

Posting Permissions

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