Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:17

Table cell-based menu problem - link not rendering correctly


Poster: MShults
Dated: Friday August 1 2008 - 1:55:20 BST

I am not certain how to best explain this issue, so I will try my best.

Please see the following URL:
http://www.fourthdistrictpta.org/councils.html

Notice the second item in the menu renders when "off" as a white box. Mouseover shows up correctly as "Management".

Am I going to have to use different code for each .html page within this web site?

The above URL is within the path of this menu/submenu.

Within the "councils.html" page, I had the following code:

(Just after the BODY tag:)
Code:
<script language=JavaScript src="menus/milonic_src.js" type=text/javascript></script>
<script language=JavaScript>
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=menus/mmenuns4.js></scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=menus/mmenudom.js></scr"+"ipt>");
</script>
<script language=JavaScript src="menus/menu_data_centered.js" type=text/javascript></script>


Then inside the table cell TD tag, I call the script for the MainMenu:

Code:
<TD colspan=2 bgcolor="#003366"  align="center" height="35">
<script language=JavaScript src="menus/main_src.js" type=text/javascript></script>
</td>



Code for main_src.js:

Code:
with(milonic=new menuname("Main Menu")){
style=menuStyle;
alwaysvisible=1;
orientation="horizontal";
position="relative";
aI("text=Home;url=http://www.fourthdistrictpta.org/;status=Back To Home Page;");
aI("text=Calendar;url=http://www.fourthdistrictpta.org/calendar.html;status=Calendar;");
aI("text=Management;showmenu=management;");
aI("text=Membership;showmenu=membership;");
aI("text=Finance;showmenu=finance;");
aI("text=Advocacy;showmenu=advocacy;");
aI("text=Programs;showmenu=programs;");
aI("text=Communications;showmenu=communications;");
aI("text=Links;showmenu=links;");
}
drawMenus();


Code for menu_data_centered.js:

Code:
_menuCloseDelay=500           // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150            // The time delay before menus open on mouse over
_followSpeed=5                // Follow scrolling speed
_followRate=40                // Follow scrolling Rate
_subOffsetTop=10              // Sub menu top offset
_subOffsetLeft=10            // Sub menu left offset
_scrollAmount=3               // Only needed for Netscape 4.x
_scrollDelay=20               // Only needed for Netcsape 4.x



with(menuStyle=new mm_style()){
onbgcolor="#006699";
oncolor="#ffffff";
offbgcolor="#003366";
offcolor="#ffffff";
bordercolor="#000000";
borderstyle="solid";
borderwidth=0;
separatorcolor="#CCCCFF";
separatorsize="1";
padding=6;
fontsize="11px";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="white";
pagebgcolor="white";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="http://www.fourthdistrictpta.org/arrowdn.gif";
subimagepadding="4";

}

with(menuStyle2=new mm_style()){
onbgcolor="#c0c0c0";
oncolor="#000000";
offbgcolor="#99CCFF";
offcolor="#000000";
bordercolor="#003366";
borderstyle="solid";
borderwidth=1;
separatorcolor="#000000";
separatorsize="1";
padding=3;
fontsize="10px";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="white";
pagebgcolor="white";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="http://www.fourthdistrictpta.org/menus/arrow.gif";
subimagepadding="4";

}

with(menuStyle3=new mm_style()){
onbgcolor="#c0c0c0";
oncolor="#ffffff";
offbgcolor="#c0c0c0";
offcolor="#000000";
bordercolor="#003366";
borderstyle="solid";
borderwidth=1;
separatorcolor="#000000";
separatorsize="1";
padding=3;
fontsize="10px";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="white";
pagebgcolor="white";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding="4";

}

with(milonic=new menuname("management")){
style=menuStyle2;
aI("text=Fourth District PTA;showmenu=4thdistrict;");
aI("text=Leadership Workshops;url=http://www.fourthdistrictpta.org/training.html");
aI("text=Parent Resources Library;url=http://www.fourthdistrictpta.org/resources.html");
aI("text=PTA Leadership Tips;url=http://www.fourthdistrictpta.org/leadership.html");
aI("text=Job Duties;showmenu=jobs;");
aI("text=Parliamentary Procedure;showmenu=parl;");
aI("text=Convention;url=http://www.fourthdistrictpta.org/convention.html");
aI("text=Forms/Applications;url=http://www.fourthdistrictpta.org/forms.html");
aI("text=PTA Store;url=http://www.fourthdistrictpta.org/store/");
}

with(milonic=new menuname("links")){
style=menuStyle2;
aI("text=National PTA;url=http://www.pta.org;target=state");
aI("text=California State PTA;url=http://www.capta.org;target=state");
aI("text=Councils & Units;url=http://www.fourthdistrictpta.org/links.html");
aI("text=Web Site Submission Form;url=http://www.fourthdistrictpta.org/tinc?key=POgkCyxJ&formname=WebSiteSubmission");
}


with(milonic=new menuname("jobs")){
style=menuStyle3;
aI("text=Financial Officers;url=http://www.fourthdistrictpta.org/evp.html");
aI("text=Financial Officers;url=http://www.fourthdistrictpta.org/financial-officers.html");
aI("text=Historian;url=http://www.fourthdistrictpta.org/historian.html");
aI("text=Recording Secretary;url=http://www.fourthdistrictpta.org/secretary.html");

}


with(milonic=new menuname("membership")){
style=menuStyle2;
aI("text=Value of Membership;url=http://www.fourthdistrictpta.org/membership.html");
aI("text=Dues;url=http://www.fourthdistrictpta.org/membership-dues.html");
aI("text=Awards;url=http://www.fourthdistrictpta.org/awards.html");
aI("text=Grants & Scholarships;url=http://www.fourthdistrictpta.org/grants-scholarships.html");
aI("text=Forms/Resources;url=http://www.fourthdistrictpta.org/forms.html");
aI("text=OMDR;url=http://www.fourthdistrictpta.org/membership-OMDR-webinars.html");
aI("text=Publications and News;url=http://www.fourthdistrictpta.org/publications.html");
aI("text=Toolkit;url=http://www.fourthdistrictpta.org/toolkit.html");
}

with(milonic=new menuname("finance")){
style=menuStyle2;
aI("text=Financial Officers;url=http://www.fourthdistrictpta.org/financial-officers.html");
aI("text=PTA Audit;url=http://www.fourthdistrictpta.org/auditor.html");
aI("text=Money Matters;showmenu=mm;");
aI("text=Forms;url=http://www.fourthdistrictpta.org/forms.html");
aI("text=Publications;url=http://www.fourthdistrictpta.org/publications.html");
aI("text=Toolkit;url=http://www.fourthdistrictpta.org/toolkit.html");
}

with(milonic=new menuname("mm")){
style=menuStyle3;
aI("text=Tips for the Treasurer;url=http://www.fourthdistrictpta.org/treasurer-tips.html");
aI("text=Insurance;url=http://www.capta.org/sections/finance/general-operating.cfm;target=state");
aI("text=Fundraising;url=http://www.capta.org/sections/finance/fundraising.cfm;target=state");
aI("text=Sponsorship Guidelines;url=http://www.fourthdistrictpta.org/sponsorship.html");

}

with(milonic=new menuname("parl")){
style=menuStyle3;
aI("text=Parliamentarian Duties;url=http://www.fourthdistrictpta.org/parliamentarian.html");
aI("text=Motions;url=http://www.fourthdistrictpta.org/motions.html");
aI("text=Understanding Your Bylaws;url=http://www.fourthdistrictpta.org/bylaws.html");
aI("text=Nominations/Elections;url=http://www.fourthdistrictpta.org/elections.html");
}

with(milonic=new menuname("advocacy")){
style=menuStyle2;
aI("text=Advocacy/Legislative;url=http://www.fourthdistrictpta.org/legislation/index.html");
aI("text=Legislative Chairman;url=http://www.fourthdistrictpta.org/legislation/index.html");
aI("text=Legislative Alerts & News;url=http://www.fourthdistrictpta.org/legislation/leg-alerts.html");
aI("text=Current Legislation;url=http://www.capta.org/sections/advocacy/current-legislation.cfm;target=state");
aI("text=Sacramento Update;url=http://www.capta.org/sections/advocacy/sac-update.cfm;target=state");
aI("text=Legislative Roundtables;url=http://www.fourthdistrictpta.org/legislation/leg-roundtable.html");
aI("text=Sacramento Safari;url=http://www.fourthdistrictpta.org/legislation/sac-safari.html");
aI("text=Flyers/Forms;url=http://www.fourthdistrictpta.org/forms.html#advocacy");
}

with(milonic=new menuname("programs")){
style=menuStyle2;
aI("text=PROGRAM BOOK TIPS;url=http://www.fourthdistrictpta.org/program-book.html");
aI("text=The Book Corner;url=http://www.fourthdistrictpta.org/book-corner.html");
aI("text=Cultural Arts;url=http://www.fourthdistrictpta.org/cultural-arts.html");
aI("text=Education;url=http://www.fourthdistrictpta.org/education.html");
aI("text=Health;url=http://www.fourthdistrictpta.org/health.html");
aI("text=Outreach;url=http://www.fourthdistrictpta.org/outreach.html");
aI("text=Parent & Community Issues;url=http://www.fourthdistrictpta.org/parent-community.html");
aI("text=PTA History/Founders Day;url=http://www.fourthdistrictpta.org/history.html");
aI("text=Reflections;url=http://www.fourthdistrictpta.org/reflections.html");
aI("text=Special Education;url=http://www.fourthdistrictpta.org/special-education.html");



}


with(milonic=new menuname("communications")){
style=menuStyle2;
aI("text=President's Message;url=http://www.fourthdistrictpta.org/president.html");
aI("text=PTA in the News;url=http://www.fourthdistrictpta.org/news/index.html");
aI("text=Newsletter Editor Tips;url=http://www.fourthdistrictpta.org/newsletters.html");
aI("text=Publications;url=http://www.fourthdistrictpta.org/publications.html");
aI("text=PTA Style Guide;url=http://www.fourthdistrictpta.org/styleguide.html");
aI("text=PTA Logo Usage Guide;url=http://www.fourthdistrictpta.org/logo_usage.html");
aI("text=Sponsorship Guidelines;url=http://www.fourthdistrictpta.org/sponsorship.html");
aI("text=Orange Leaves;url=http://www.fourthdistrictpta.org/orangeleaves/index.html");
aI("text=Photo Gallery;url=http://www.fourthdistrictpta.org/images/photos/index.html");
aI("text=PTA.ORG Leadership Forums;url=http://www.pta.org/ptaActivePage.asp?pg=/local_leader/bb;target=state");
}



with(milonic=new menuname("web")){
style=menuStyle;
aI("text=PTA Logo Usage Guide;url=http://www.fourthdistrictpta.org/logo_usage.html");
aI("text=Web Site Evaluation Form;url=http://www.fourthdistrictpta.org/forms/WebSiteEvaluation.pdf");
aI("text=Web Site Submission Form;url=http://www.fourthdistrictpta.org/tinc?key=POgkCyxJ&formname=WebSiteSubmission");
aI("text=PTA.ORG Leadership Forums;url=http://www.pta.org/ptaActivePage.asp?pg=/local_leader/bb;target=state");
}

with(milonic=new menuname("newsletters")){
style=menuStyle;
aI("text=Orange Leaves;url=http://www.fourthdistrictpta.org/orangeleaves/index.html");
aI("text=OL Production Schedule;url=http://www.fourthdistrictpta.org/orangeleaves/OL-calendar.html");
aI("text=PTA Publications;url=http://www.fourthdistrictpta.org/publications.html");
aI("text=PTA Logo Usage Guide;url=http://www.fourthdistrictpta.org/logo_usage.html");
aI("text=Newsletter Editor Tips;url=http://www.fourthdistrictpta.org/newsletters.html");
}




with(milonic=new menuname("4thdistrict")){
style=menuStyle3;
aI("text=About Us;url=http://www.fourthdistrictpta.org/4thdistrictpta.html");
aI("text=Executive Board;url=http://www.fourthdistrictpta.org/exec-board.html");
aI("text=Councils;url=http://www.fourthdistrictpta.org/councils.html");
aI("text=Units;url=http://www.fourthdistrictpta.org/units.html");
aI("text=Mission/Goals;url=http://www.fourthdistrictpta.org/goals.html");
aI("text=Directions;url=http://www.fourthdistrictpta.org/directions.html");
aI("text=2006-2007 Meeting Schedule;url=http://www.fourthdistrictpta.org/2006-2007MeetingSchedule.html");
aI("text=Photos;url=http://www.fourthdistrictpta.org/images/photos/index.html");
}

drawMenus();

Re: Table cell-based menu problem - link not rendering correctly


Poster: Ruth
Dated: Friday August 1 2008 - 15:47:21 BST

Hi,

If you are questioning the white, that is because of this code

Code:
pagecolor="white";
pagebgcolor="white";


This is telling the menu that when there is a 'match' with the page, then the bgcolor is white and the text is white. That is the 'you are here' pathing in the menu so on any page where there is a match you will have that color unless you change it. Some people don't want matching and just eliminate that from the code. If you want it, then you need to set the the colors so that the background color and the font color are not the same.

Ruth

Re: Table cell-based menu problem - link not rendering correctly


Poster: MShults
Dated: Sunday August 3 2008 - 20:52:24 BST

Ruth,

Thank you, a million times! It makes perfect sense, and I have corrected the hex codes for the colors for the "page" attributes.

-- MaryAnne


Ruth wrote:
Hi,

If you are questioning the white, that is because of this code

Code:
pagecolor="white";
pagebgcolor="white";


This is telling the menu that when there is a 'match' with the page, then the bgcolor is white and the text is white. That is the 'you are here' pathing in the menu so on any page where there is a match you will have that color unless you change it. Some people don't want matching and just eliminate that from the code. If you want it, then you need to set the the colors so that the background color and the font color are not the same.

Ruth