PDA

View Full Version : Help with Top Navigational III Font



rungreen
08-26-2006, 05:45 PM
1) Script Title: Top Navigational Bar II

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

3) Describe problem: No matter how I change it, I can't seem to get the fonts/sizes in custom.js to change for the main nav bar. I have no problem getting the submenu to change. Also, this script won't open for me in IE6, at all. What am I doing wrong? I shortened the file here to make the 10,000 character length. (Can only view page in FF)

custom.js:

My tester page: https://www.rungreen.com/index.asp?PageAction=Custom&ID=27

//UDMv3.5
//**DO NOT EDIT THIS *****
if (!exclude) { //********
//************************



///////////////////////////////////////////////////////////////////////////
//
// ULTIMATE DROPDOWN MENU VERSION 3.5 by Brothercake
// This is a special version for Dynamic Drive (http://www.dynamicdrive.com)
//
// Link-wrapping routine by Brendan Armstrong
// Original KDE modifications by David Joham
// Opera reload/resize based on a routine by Michael Wallner
// Select-element hiding routine by Huy Do
//
///////////////////////////////////////////////////////////////////////////



// *** POSITIONING AND STYLES *********************************************



var menuALIGN = "left"; // alignment
var absLEFT = 15; // absolute left or right position (if menu is left or right aligned)
var absTOP = 15; // absolute top position

var staticMENU = false; // static positioning mode (ie5,ie6 and ns4 only)

var stretchMENU = false; // show empty cells
var showBORDERS = false; // show empty cell borders

var baseHREF = ""; // base path to .js files for the script (ie: resources/)
var zORDER = 1000; // base z-order of nav structure (not ns4)

var mCOLOR = "lightblue"; // main nav cell color
var rCOLOR = "lightgreen"; // main nav cell rollover color
var bSIZE = 1; // main nav border size
var bCOLOR = "black" // main nav border color
var aLINK = "brown"; // main nav link color
var aHOVER = ""; // main nav link hover-color (dual purpose)
var aDEC = "none"; // main nav link decoration
var fFONT = "arial"; // main nav font face
var fSIZE = 10; // main nav font size (pixels)
var fWEIGHT = "bold" // main nav font weight
var tINDENT = 7; // main nav text indent (if text is left or right aligned)
var vPADDING = 7; // main nav vertical cell padding
var vtOFFSET = 0; // main nav vertical text offset (+/- pixels from middle)

var keepLIT = true; // keep rollover color when browsing menu
var vOFFSET = 5; // shift the submenus vertically
var hOFFSET = 4; // shift the submenus horizontally

var smCOLOR = "lightblue"; // submenu cell color

var srCOLOR = "lightgreen"; // submenu cell rollover color
var sbSIZE = 1; // submenu border size
var sbCOLOR = "black" // submenu border color
var saLINK = "black"; // submenu link color
var saHOVER = ""; // submenu link hover-color (dual purpose)
var saDEC = "none"; // submenu link decoration
var sfFONT = "comic sans ms,arial";// submenu font face
var sfSIZE = 13; // submenu font size (pixels)
var sfWEIGHT = "normal" // submenu font weight
var stINDENT = 5; // submenu text indent (if text is left or right aligned)
var svPADDING = 1; // submenu vertical cell padding
var svtOFFSET = 0; // submenu vertical text offset (+/- pixels from middle)

var shSIZE = 2; // submenu drop shadow size
var shCOLOR = "#cccccc"; // submenu drop shadow color
var shOPACITY = 75; // submenu drop shadow opacity (not ie4,ns4 or opera)

var keepSubLIT = true; // keep submenu rollover color when browsing child menu
var chvOFFSET = -12; // shift the child menus vertically
var chhOFFSET = 7; // shift the child menus horizontally

var openTIMER = 10; // [** new **] menu opening delay time (not ns4/op5/op6)
var openChildTIMER = 20; // [** new **] child-menu opening delay time (not ns4/op5/op6)
var closeTIMER = 330; // menu closing delay time

var cellCLICK = true; // links activate on TD click
var aCURSOR = "hand"; // cursor for active links (not ns4 or opera)

var altDISPLAY = ""; // where to display alt text
var allowRESIZE = mu; // allow resize/reload

var redGRID = false; // show a red grid
var gridWIDTH = 760; // override grid width
var gridHEIGHT = 500; // override grid height
var documentWIDTH = 0; // override document width

var hideSELECT = false; // auto-hide select boxes when menus open (ie only)
var allowForSCALING = false; // allow for text scaling in gecko browsers
var allowPRINTING = false; // allow the navbar and menus to print (not ns4)

var arrWIDTH = 13; // [** new **] arrow width (not ns4/op5/op6)
var arrHEIGHT = 13; // [** new **] arrow height (not ns4/op5/op6)

var arrHOFFSET = -1; // [** new **] arrow horizontal offset (not ns4/op5/op6)
var arrVOFFSET = -3; // [** new **] arrow vertical offset (not ns4/op5/op6)
var arrVALIGN = "middle"; // [** new **] arrow vertical align (not ns4/op5/op6)

var arrLEFT = "<"; // [** new **] left arrow (not ns4/op5/op6)
var arrRIGHT = ">"; // [** new **] right arrow (not ns4/op5/op6)





//** LINKS ***********************************************************


// add main link item ("url","Link name",width,"text-alignment","_target","alt text",top position,left position,"key trigger","mCOLOR","rCOLOR","aLINK","aHOVER") [** last four are new **]
addMainItem("http://www.rungreen.com","Home",80,"center","","",0,0,"")

// define submenu properties (width,"align to edge","text-alignment",v offset,h offset,"filter","smCOLOR","srCOLOR","sbCOLOR","shCOLOR","saLINK","saHOVER") [** last six are new **]
defineSubmenuProperties(120,"left","left",-4,0,"","#ffddaa","#eeeeee","#660000","#eebbbb","#660000","#770033");

// add submenu link items ("url","Link name","_target","alt text")
addSubmenuItem("/index.asp?PageAction=Custom&ID=36","Customer Service","","");
addSubmenuItem("/index.asp?PageAction=Custom&ID=34","Safety and Security","","");
addSubmenuItem("/index.asp?PageAction=Custom&ID=35#returns","Return an Item","","");
addSubmenuItem("/index.asp?PageAction=Custom&ID=26","Deere News","","");
addSubmenuItem("http://www.rungreen.blogspot.com/","Rungreen Blog","","");
addSubmenuItem("http://www.myspace.com/john_deere_store","RG on Myspace","","");
addSubmenuItem("/index.asp?PageAction=LOGIN","Login/Account","","");
addSubmenuItem("/index.asp?PageAction=Custom&ID=8","FAQ Page","","");
addSubmenuItem("/index.asp?PageAction=CONTACTUS","Contact Us","","");


addMainItem("http://www.rungreen.com","Specials",80,"center","","",0,0,"","#ffeeee","#ffeecc","#000066","#660066");

// define submenu properties (width,"align to edge","text-alignment",v offset,h offset,"filter","smCOLOR","srCOLOR","sbCOLOR","shCOLOR","saLINK","saHOVER") [** last six are new **]
defineSubmenuProperties(120,"left","left",-4,0,"","#ffddaa","#eeeeee","#660000","#eebbbb","#660000","#770033");

// add submenu link items ("url","Link name","_target","alt text")
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=288","Back To School","_blank","");
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=271","Coming Soon","","");
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=269","All on Sale","_blank","");
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=289","Clothing Clearance","_blank","");



addMainItem("http://www.rungreen.com","Clothing",80,"center","","",0,0,"","#ffeeee","#ffeecc","#000066","#660066");

// define submenu properties (width,"align to edge","text-alignment",v offset,h offset,"filter","smCOLOR","srCOLOR","sbCOLOR","shCOLOR","saLINK","saHOVER") [** last six are new **]
defineSubmenuProperties(120,"left","left",-4,0,"","#ffddaa","#eeeeee","#660000","#eebbbb","#660000","#770033");

// add submenu link items ("url","Link name","_target","alt text")
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=219","Deere Adult Hats","","");
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=250","Deere Budget Hats","","");
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=221","Deere T-Shirts & Polos","","");
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=222","Deere Sweatshirts","","");
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=223","Deere Kid's Clothing","","");
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=220","Deere Kid's Hats","","");
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=277","Infants and Babies","","");
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=258","Accessories and Bags","","");
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=273","Ladies Deere Gear","","");
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=237","Deere Watches","","");
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=238","Deere Jackets","","");
addSubmenuItem("/index.asp?PageAction=VIEWCATS&Category=276","Deere Gloves","","");

addMainItem("http://www.rungreen.com","Housewares & Bedding",80,"left","","",0,0,"","#ffeeee","#ffeecc","#000066","#660066");


//**DO NOT EDIT THIS *****
}//***********************
//************************

blm126
08-26-2006, 09:41 PM
a link to the page exhibiting the problem would allow us to help you easier.

jscheuer1
08-27-2006, 05:53 AM
Before getting too involved troubleshooting this particular menu, notice that this script is not rated for FF. Not only that but, it doesn't work in FF. That's our dear friend, the FireFox browser. You know, the one that now is used by 20% or more of folks on the internet.

So unless you don't mind your page being unnavigable by 20% or more of users or you are using this over an intra-net with only IE browsers, first find another menu to use.

Note: "How can this be?", you might ask. Well the truth is that it is an old script. At the time it was written (by third party coder Mike Hall), FireFox did not exist and the only predecessor browser of that sort that had any share of the browsing public was NS and had only about 1% of users at that time. The last update to the menu is from 2001 - eons ago in the computer world.