View Full Version : format tab menu

02-25-2005, 06:51 AM
I have used some code at this site, but not sure where to go to find the answer to this question. I have posted this 2 times before and it shows that many have viewed, but no answers. Could anyone give me suggestions on where to look for an answer?

I am not an experienced programmer at all, so maybe my question is not posed correctly...but here goes.......

The previous posts were...

Thanks for any help.


I am trying to format the second level of a tab menu that appears when you mouseover to have the same table format as the level that always shows.


<table border="0" width="720" style="border-collapse: collapse" cellpadding="0">
<td valign="top">
<p align="center">
<font face="Verdana,Arial,Helvetica">
<!--Links used to initiate the sub menus. Pass in the desired submenu index numbers (ie: 0, 1) -->

<table border="1" width="100%" bgcolor="<%=CoColor%>" style="border-collapse: collapse">
<td align="center" width="20%"><b><a onMouseover="showit(0)">
<font size="2" color="#EBEBEB">Manage Sales</font></a></b></td>
<td align="center" width="20%"><b><a onMouseover="showit(1)">
<font size="2" color="#EBEBEB" size="2">Deals</font></a></b></td>
<td align="center" width="20%"><b><a onMouseover="showit(2)">
<font size="2" color="#EBEBEB" size="2">Inventory</font></a></b></td>
<td align="center" width="20%"><b><a onMouseover="showit(3)">
<font size="2" color="#EBEBEB">Marketing</font></a></b></td>
<td align="center" width="20%"><b><a onMouseover="showit(4)">
<font size="2" color="#EBEBEB">Admin</font></a></b></td>

<!-- Edit the dimensions of the below, plus background color-->
<ilayer width=720 height=32 name="dep1" bgColor="<%=CoColor%>">

<layer name="dep2" width=720 height=32>
<div id="describe" style="background-color:#EBEBEB;width:720px;height:32px" onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div>

<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" color="#000080"><b><a href="SalesActivityMan.asp">Sales Reports</a> | <a href="ReportsActivity.asp">Activity Reports</a> | <a href="evaluateSales.asp">Training</a> | <a href="editGoals.asp">Goals</a> | <a href="RawDataAssignSearch.asp">Registrations</a> | <a href="RawDataReAssignSelectInd.asp">Ind Registrations</a> | <a href="../Email/email.asp">Email</a></b></font>'

submenu[1]='<font size="2" face="Verdana" color="#000080"><b><a href="AnalysisM.asp">Complete Deal</a> | <a href="truckNeedsSelect.asp">Future Truck Needs</a> | <a href="allQuotes.asp">Open Quotes</a></b></font>'

submenu[2]='<font size="2" face="Verdana" color="#000080"><b><a href="appraisalListM.asp">Appraisal into Inventory</a> | <a href="inventoryAddIn.asp">Add Inventory</a> | <a href="inventoryListManage.asp">Edit Inventory</a> | <a href="inventoryListAged.asp">Aged Inventory Report</a></b></font>'

submenu[3]='<font size="2" face="Verdana" color="#000080"><b><a href="marketShare.asp">Market Overview</a> | <a href="marketShare.asp">Marketing Schedule</a> | <a href="marketShare.asp">Referral Results</a> | <a href="marketShare.asp">Advertise</a> | <a href="marketShare.asp">Sales Blitz</a> | <a href="leadsReview.asp">Telemarketing</a></b></font>'

submenu[4]='<font size="2" face="Verdana" color="#000080"><b><a href="addUser.asp">Add User</a> | <a href="editUser.asp">Edit User</a> | <a href="typeRevise.asp">Define Drop Down Menus</a> | <a href="../ControlPanel/Welcome.asp">Control Panel</a> | <a href="PartsConsume.asp">Parts Consumption</a></b></font>'

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

/////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;


02-25-2005, 02:43 PM
"I have posted this 2 times before"

Your request is a script customisation question - too time consuming, I'm afraid.

Please don't just keep asking until you get answers - we probably don't know if we haven't been able to help before :)


02-25-2005, 08:31 PM
Thank you