View Full Version : Tabs Menu (onmouseover) not working

06-20-2007, 03:50 AM
1) Script Title: Tabs Menu (onmouseover)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/tabmouseover.htm

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? :mad: 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="http://www.javascriptkit.com/" onmouseover="showit(0)">JavaScript
Kit</a> | <a href="http://freewarejava.com/" 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 http://www.dynamicdrive.com
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="http://www.javascriptkit.com/cutpastejava.shtml">Scripts</a> | <a href="http://www.javascriptkit.com/javaindex.shtml">JS tutorials</a> | <a href="http://www.javascriptkit.com/javatutors/index.shtml">Advanced JS tutorials</a> | <a href="http://www.javascriptkit.com/java/">Applets</a> | <a href="http://www.javascriptkit.com/howto/">Web Tutorials</a></b></font>'

submenu[1]='<font size="2" face="Verdana"><b><a href="http://freewarejava.com/applets/index.shtml">Applets</a> | <a href="http://freewarejava.com/tutorials/index.shtml">Tutorials</a> | <a href="http://freewarejava.com/javasites/index.shtml">Sites and Zines</a> | <a href="http://freewarejava.com/jsp/index.shtml">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;


06-20-2007, 12:47 PM
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??

06-21-2007, 04:59 AM
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 \").