4WebHelp
 FAQ  •  Search  •  User Groups  •  Forum Admins  •  Smilies List  •  Statistics  •  Rules   •  Login   •  Register
Toggle Navigation Menu

 Java Script dropdown menu
Post New TopicReply to Topic
View Previous Topic Print this topic View Next Topic
Author Message
Servus
Junior WebHelper
Junior WebHelper


Joined: 26 Mar 2006
Posts: 1

PostPosted: Sun Mar 26, 2006 9:25 am (11 years, 6 months ago) Reply with QuoteBack to Top

hey,

After a long time of searching the web for a cood dropdown down menu with a clean code a eventually find it Smile BUT it has not have a delay when the mouse has left the area so you have to be very carefull with your mouse. i find this anoing and tried to fix it. but i'm a comleet Javascript noob Sad here's the code:

Code:

<script type="text/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", "");
                setTimeout("node.onmouseout", 100);
               
            }
         }
      }
   }
}
window.onload=startList;

</script>

as you can see i tried some thing but it doesent work the setTimeout("node.onmouseout", 100); function.

and here is the HTML code:

Code:

<ul id="nav">
              <li><a href="">Over d3-Advies</a>
               <ul id="nav">
                 <li><a href="">Bedrijfsprofiel</a></li>
                 <li><a href="">De werkwijze</a></li>
                 <li><a href="">Professionals</a></li>
                  </ul>
               </li>
            
              <li><a href="">Diensten</a>
               <ul id="nav">
                 <li><a href="">Dienst 1</a></li>
                 <li><a href="">Dienst 2</a></li>
                 <li><a href="">Dienst 3</a></li>
               </ul>
              </li>
            
              <li><a href="">Vacatures</a>
               <ul id="nav">
                 <li><a href="">Vactuur 1</a></li>
                 <li><a href="">Vactuur 2</a></li>
                 <li><a href="">Vactuur 3</a></li>
                 <li><a href="">Vactuur 4</a></li>
               </ul>
              </li>
             
               <li><a href="">Projecten</a>
               <ul id="nav">
                 <li><a href="">Project 1</a></li>
                 <li><a href="">Project 2</a></li>
                 <li><a href="">Project 3</a></li>
                 <li><a href="">Project 4</a></li>
               </ul>
              </li>
            </ul>
            
            <a href="">Nieuws</a><br>
            <a href="contact.php">Contact</a>

</div>


hope you guys can help me.

Greetz Sander
OfflineView User's ProfileFind all posts by ServusSend Personal Message
Display posts from previous:      
Post New TopicReply to Topic
View Previous Topic Print this topic View Next Topic


 Jump to:   




You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot edit your posts in this forum.
You cannot delete your posts in this forum.
You cannot vote in polls in this forum.


Page generation time: 0.067057 seconds :: 18 queries executed :: All Times are GMT
Powered by phpBB 2.0 © 2001, 2002 phpBB Group :: Based on an FI Theme