Results 1 to 3 of 3

Thread: Tabs Menu (onmouseover) not working

  1. #1
    Join Date
    Jun 2007
    Thanked 0 Times in 0 Posts

    Question Tabs Menu (onmouseover) not working

    1) Script Title: Tabs Menu (onmouseover)

    2) Script URL (on DD):

    3) Describe problem: I pasted the entire script exactly as it was on the DD script page into a test page and made sure each submenu's string was all on one line in the code with beginning and ending ' but it doesn't show either the submenu area or the submenus on mouseover. What gives? Here's the code I cut and paste from the DD website, although in this post it may not show all submenu text on one line. (tried in both FF and IE7). I would think if I pasted DD's exact code into the body of a fresh html doc, that the test page would work.

    <!--Links used to initiate the sub menus. Pass in the desired submenu index numbers (ie: 0, 1) --><a
    href="" onmouseover="showit(0)">JavaScript
    Kit</a> | <a href="" onmouseover="showit(1)">Freewarejava</a><br>
    <!-- Edit the dimensions of the below, plus background color--> <ilayer
    width="400" height="32" name="dep1" bgcolor="#E6E6FF"><layer
    name="dep2" width="400" height="32"> </layer></ilayer>

    <script language="JavaScript1.2">

    Tabs Menu (mouseover)- By Dynamic Drive
    For full source code and more DHTML scripts, visit
    This credit MUST stay intact for use

    var submenu=new Array()

    //Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors.

    submenu[0]='<font size="2" face="Verdana"><b><a href="">Scripts</a> | <a href="">JS tutorials</a> | <a href="">Advanced JS tutorials</a> | <a href="">Applets</a> | <a href="">Web Tutorials</a></b></font>'

    submenu[1]='<font size="2" face="Verdana"><b><a href="">Applets</a> | <a href="">Tutorials</a> | <a href="">Sites and Zines</a> | <a href="">JSP</a></b></font>'

    //Set delay before submenu disappears after mouse moves out of it (in milliseconds)
    var delay_hide=500

    /////No need to edit beyond here

    var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""

    function showit(which){
    thecontent=(which==-1)? "" : submenu[which]
    if (document.getElementById||document.all)
    else if (document.layers){

    function resetit(e){
    if (document.all&&!menuobj.contains(e.toElement))
    else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

    function clear_delayhide(){
    if (window.delayhide)

    function contains_ns6(a, b) {
    while (b.parentNode)
    if ((b = b.parentNode) == a)
    return true;
    return false;


  2. #2
    Join Date
    Jun 2007
    Thanked 0 Times in 0 Posts


    And by the way, when I view the html file in IE7, there is this error:

    Line: 43
    Char: 1
    Error: 'menuobj' is null or not an object
    Code: 0

    What the F? Can someone at DD tell me what's going on with your script??

  3. #3
    Join Date
    Aug 2004
    Thanked 1,008 Times in 993 Posts
    Blog Entries


    Please post a link to the page on your site that contains the problematic script so we can check it out. If you've customized the submenu contents, most likely there's an error in it that's throwing the script off, such as quotation marks that aren't backslashed (ie: " versus \").


Posting Permissions

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