View Full Version : Help setting DD Tab Menu

02-15-2008, 09:58 PM
1) Script Title: FF1+ IE5+ Opr7+ DD Tab Menu (5 styles)

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

3) Describe problem: Urgently need step by step instructions for this menu style....the menu is always displayed as plain links...???

02-16-2008, 09:08 AM
Sounds like the paths to the .css file references in the HEAD section of your page are incorrect:

<!-- CSS for Tab Menu #1 -->
<link rel="stylesheet" type="text/css" href="ddtabmenufiles/ddtabmenu.css" />

<!-- CSS for Tab Menu #2 -->
<link rel="stylesheet" type="text/css" href="ddtabmenufiles/glowtabs.css" />

<!-- CSS for Tab Menu #3 -->
<link rel="stylesheet" type="text/css" href="ddtabmenufiles/solidblocksmenu.css" />

<!-- CSS for Tab Menu #4 -->
<link rel="stylesheet" type="text/css" href="ddtabmenufiles/ddcolortabs.css" />

<!-- CSS for Tab Menu #5 -->
<link rel="stylesheet" type="text/css" href="ddtabmenufiles/chromemenu.css" />

Make sure the paths point to the .css files on your server.

02-17-2008, 01:34 PM
Here is my modified script. I havent published the files yet....I have kept the .js & .css files in the main folder and also renamed the files. I wish to use the glowtab menu. I dont understand where I'm going wrong....

Sorry to be such a headache....but I'm dying to use this functionality on my wepage.....



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

* Drop Down 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 full source code


<!-- CSS for Drop Down Tabs Menu #1 -->
<link rel="stylesheet" type="text/css" href="glowtabs.css" />


<div id="Glowtab" class="glowtabs">
<li><a href="index.htm"title="Home"><span>Home</span></a></li>
<li><a href="photo.htm"title="Photo"rel="dropmenu1"><span>Photo</span></a></li>
<li><a href="Guestbook.htm"title="Guestbook" rel="dropmenu2"><span>GuestBook</span></a></li>
<li><a href="interest.htm" title="Interest"><span>Interest</span></a></li>

<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href="photo.htm">CSS Drive</a>
<a href="Guestbook.htm">JavaScript Kit</a>
<a href="index.htm">Coding Forums</a>
<a href="favorite.htm">JavaScript Reference</a>

<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("Glowtab", auto)


02-17-2008, 09:16 PM
It's hard to get a complete picture just by the above, but a few things.

1) Make sure the paths to the .js and .css files in the HEAD of your page are correct. Right now, I see they are just "glowtabs.js" and "glowtabs.css". This means these two files exist in the same directory as where your webpage is, right?

2) Your guestbook link references the drop down menu "dropmenu2", yet you haven't defined this drop down DIV yet on your page (like you have with "dropmenu1".

02-18-2008, 02:41 AM

Is that coding exactly how it appears on your webpage? Or did you make it shorter to post on here?

If it's the original, you don't have a closing <head> tag. That could be cause of your problems.

Insert </head> before <body>

02-18-2008, 09:02 PM

I modified the source of dropdowntabsdemo.htm instead of creating a new web page with script....the Glowtabs are now working as desired....thanks to both of you for being so patient and helpful.

A request....
If you can modify the instructions given at Drop Down Tabs (5 Styles) (http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm) to include the script reference for .js and .css files, it will surely save you the trouble of replying the many threads related to this script (& also the headache...as jerks like me, cant do more than copy and paste things :))

dynamicdrive is simply....DYNAMIC!!!