View Full Version : Mouseover Tabs Menu Script -- Not Working

10-13-2010, 05:51 PM
I am having an issue when trying to load my page that is using the Mouseover Tabs Menu script. The top level menu appears fine, but the submenu shows "Loading Sub Menu Contents ..." and it just sits there.

I note that Ajax is mention when trying to load an external file. Please pardon my ignorance. Do I need to add a script to the page so that it can load the contents?


10-14-2010, 01:07 AM
Warning: Please include a link to the DD script in question in your post. See this thread (http://www.dynamicdrive.com/forums/showthread.php?t=6) for the proper posting format when asking a question. Also, please post a link to the page on your site that contains the problematic script so we can check it out.

10-14-2010, 12:25 PM
Unfortunately, I don't know if you will be able to get to this page as it is an internal website.

This is the link to the page: http://domino.aig.com/agrs/northatlanticfiles.nsf/Lookup/Test1/$file/Test.html

I am trying to use your MouseOver Tab Menu and am having problems when I load it to the company website. Everything works fine when testing from Notepad++. I have moved all of the requisite files to the database that houses the website.

The Top Level menu loads fine, but the submenu show “Loading Sub Menu Contents” …

It never loads them. The comments say “to point the link in the submenu container to the external submenu contents file”. When I change anything in that <div>, it removes the submenu links on the test page.

Any help that you can provide would be greatly appreciated.

Here is the code for the page.

<!DOCTYPE html>

<html lang="en">


<link rel="stylesheet" type="text/css" href="mouseovertabs.css" />

<script src="mouseovertabs.js" type="text/javascript">


* Mouseover Tabs Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more





<div id="TopMenu" class="tabsmenuclass">


<li><a href="http://domino.aig.com/agrs/northatlanticweb.nsf/contents/northatlantic#" rel="gotsubmenucontents">Home</a></li>

<li><a href="http://domino.aig.com/agrs/files.nsf/Lookup/Marketing/$file/marketing.htm" rel="gotsubmenucontents"">Resources</a></li>

<li><a href="http://domino.aig.com/agrs/northatlanticfiles.nsf/Lookup/Marketing/$file/marketing.htm" rel="gotsubmenucontents">Reports</a></li>

<li><a href="http://domino.aig.com/agrs/northatlanticfiles.nsf/Lookup/Marketing/$file/marketing.htm" rel="gotsubmenucontents">Marketing</a></li>

<li><a href="http://domino.aig.com/agrs/files.nsf/Lookup/Marketing/$file/marketing.htm" rel="gotsubmenucontents">Scheduling</a></li>

<li><a href="http://domino.aig.com/agrs/files.nsf/Lookup/Marketing/$file/marketing.htm" rel="gotsubmenucontents">Seminars</a></li>

<li><a href="http://domino.aig.com/agrs/files.nsf/Lookup/Marketing/$file/marketing.htm" rel="gotsubmenucontents">Directories</a></li>

<li><a href="http://domino.aig.com/agrs/files.nsf/Lookup/Marketing/$file/marketing.htm" rel="gotsubmenucontents">Links</a></li>



<div id="SubMenu" class="tabsmenucontentclass">

<!--1st link within submenu container should point to the external submenu contents file-->

<a href="submenucontents.htm" style="visibility:hidden">page</a>


<script type="text/javascript">

//mouseovertabsmenu.init("TopMenu", "SubMenu", "bool_hidecontentsmouseout")

mouseovertabsmenu.init("TopMenu", "SubMenu", true)




10-15-2010, 06:31 AM
The link (http://domino.aig.com/agrs/northatlanticfiles.nsf/Lookup/Test1/$file/Test.html) you posted doesn't work for me. Just based on the code you posted above, there isn't enough to diagnose the problem unfortunately. One thing to check: Make sure submenucontents.htm is located in the same directory as the page containing the mouseover menu.