to it on your website on how to fix it but I stll can figure out why it is not working.
I am using the free version with a link to our site (we are a non-profit agency.) I am redoing our main
website using your DHTML menu.
The site is not yet published it is still in the works and has to go through the red tape
before I can make it live.
Anyway I am using php, mysql and have figured all that out but I am calling the mainmenu
which is called topmenu.html in my index.php.
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
<SCRIPT language=JavaScript src="milonic_src.js" type=text/javascript></SCRIPT>
<script language=JavaScript>
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=mmenudom.js><\/scr"+"ipt>");
</script>
<SCRIPT language=JavaScript src="menu_data.php" type=text/javascript></SCRIPT>
<script>
with(milonic=new menuname("Main Menu")){
style=menuStyle;
alwaysvisible=1;
orientation="horizontal";
position="relative";
aI("text=About;showmenu=About;");
aI("text=Events;showmenu=Events;");
aI("text=Employment;showmenu=Employment;");
aI("text=Membership;showmenu=Membership;");
aI("text=Correctional Support;showmenu=Correctional Support;");
aI("text=School Mapping;showmenu=School Mapping;");
aI("text=Crime Statistics;showmenu=Crime Statistics;");
aI("text=Sex Offenders;showmenu=Sex Offenders;");
aI("text=Jails;showmenu=Jails;");
aI("text=Links;showmenu=Links;");
aI("text=Projects;showmenu=Projects;");
}
drawMenus();
</script>
</body>
</html>
Index.php code
include("lib/common.lib.php");
$pagetitle = "Washington Association of Sheriffs and Police Chiefs";
$topmenu = read_file("template/topmenu.html");
//$leftmenu = read_file("template/leftmenu.html");
this works but for one thing.
I get a script error when it tries to read the menu_data.php file
fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but
causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(menuStyle=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="10";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#0058A9";
offcolor="#ffffff";
onbgcolor="#D6CD72";
oncolor="#000000";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
position="relative";
separatorcolor="#999999";
separatorsize=1;
subimage="images/arrows.gif";
subimagepadding=.75;
}
with(milonic=new menuname("About")){
style=menuStyle;
aI("text=Staff;url=http://www.waspc.org/index.php?d=113;")
aI("text=Mission;url=http://www.waspc.org/index.php?d=112;")
aI("text=Executive Board;url=http://www.waspc.org/index.php?d=102;")
aI("text=Training Facility;url=http://www.waspc.org/index.php?c=Training/Meeting%20Facility;")
aI("text=Legislation;url=http://www.waspc.org/index.php?c=Legislation;")
aI("text=Memorabilia;url=http://www.waspc.org/index.php?c=Memorabilia;")
}I did find this info on your website but still cannot make sence of how come my menuStyle is not define.
what exactly do I have to do to define it? Help this site has to be ready for review tomorrow.
Code: Select all
Posted by: Listener
Friday April 1 2005 - 3:01:33 BST
Hi, trying to get the menu to work in a table. Yes I've read about it on the site and thought I had followed the directions.
Source of error: http://www.vancouverlacrosse.org/top3.asp
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title>_top</title>
</head>
<body bgcolor="#7F95B2" topmargin="0"><SCRIPT language="JavaScript" src="http://www.vancouverlacrosse.org/hjs/milonic_src.js" type="text/javascript"></SCRIPT>
<script language="JavaScript">
if (parent.frames.length) { top.location=document.location;}
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=http://www.vancouverlacrosse.org/hjs/mmenuns4.js></scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=http://www.vancouverlacrosse.org/hjs/mmenudom.js></scr"+"ipt>");
</script>
<SCRIPT language="JavaScript" src="http://www.vancouverlacrosse.org/hjs/vl-menu_data.js" type="text/javascript"></SCRIPT>
<div align="center">
<center>
<table border="0" cellspacing="0" width="808" height="63" cellpadding="0" style="border-left-style: solid #000000;
border-left-width: 1; border-right-width: 1; border-top-width: 1;
border-bottom-width: 1">
<tr>
<td width="768" height="50" colspan="2">
<img border="0" src="http://www.vancouverlacrosse.org/images/bg/row1.gif"
width="768" height="50"></td>
<td width="40" height="227" rowspan="5" background="images/bg/40x200.gif">
</td>
</tr>
<tr>
<td width="768" height="146" colspan="2">
<map name="FPMap0">
<area href="http://websites.milonic.com/vancouverlacrosse.org/senior.asp"
shape="circle" coords="58, 35, 33">
<area href="http://websites.milonic.com/vancouverlacrosse.org/field.asp"
shape="circle" coords="133, 32, 32">
<area href="http://websites.milonic.com/vancouverlacrosse.org/minor.asp"
shape="circle" coords="99, 88, 33">
</map>
<img border="0" src="http://www.vancouverlacrosse.org/images/bg/row2.gif"
width="768" height="146" usemap="#FPMap0"></td>
</tr>
<tr>
<td width="768" height="1" colspan="2">
<img border="0" src="http://www.vancouverlacrosse.org/images/bg/row3.gif"
width="768" height="4"></td>
</tr>
<tr>
<td width="50" height="16">
<img border="0" src="http://www.vancouverlacrosse.org/images/bg/row4a.gif"
width="50" height="16"></td>
<td width="718" height="16" bgcolor="#FFFFFF"><script>
with(milonic=new menuname("Mainmenu")){
style=menuStyle;
top=208;
left=117;
alwaysvisible=1;
orientation="horizontal";
position="relative";
aI("text=Home/News;showmenu=News;url=
http://www.vancouverlacrosse.org/index2.asp;
status=Back To Home Page;");
aI("text=Scheds;showmenu=Schedules;");
aI("text=Stats;showmenu=Statistics;");
aI("text=Rosters;showmenu=Rosters;");
aI("text=Photos;showmenu=Photos;title=Photo Gallery;");
aI("text=Information;showmenu=Information;");
aI("text=Forum;showmenu=Forums;");
aI("text=Links;showmenu=Links;");
aI("text=Contacts;showmenu=Contacts;title=Contact Us;");
}
drawMenus();
</script>
</td>
</tr>
<tr>
<td width="768" height="14" colspan="2" bgcolor="#FFFFFF">
<img border="0" src="http://www.vancouverlacrosse.org/images/bg/row5.gif"
width="50" height="14"></td>
</tr>
</table>
</center>
</div>
</body>
</html> I'm cross-eyed looking for this problem and you expert assistance would be appreciated.
Thank you
--------------------------------------------------------------------------------
Posted by: Ruth
Friday April 1 2005 - 4:10:56 BST
Well, uncross the eyes This is something I have done a number of times, so don't feel too bad.
Take a look at this line in your main menuCode:
with(milonic=new menuname("Mainmenu")){
style=menuStyle;
The only problem is that there is no menuStyle defined in the vl_menu_data.js file.
Ruth
--------------------------------------------------------------------------------
Posted by: Listener
Friday April 1 2005 - 5:12:19 BST
Ruth wrote:
Well, uncross the eyes
LOL, thxs.
Ruth wrote:
Take a look at this line in your main menuCode:
with(milonic=new menuname("Mainmenu")){
style=menuStyle;
The only problem is that there is no menuStyle defined in the vl_menu_data.js file.
Ummm, I disagree becuase I think this is the defined style:
Code: Select all
with(horizStyle=new mm_style()){
styleid=1;
bordercolor="#FFFFFF";
borderstyle="solid";
borderwidth=0;
fontfamily="tahoma, arial";
fontsize="71%";
fontstyle="normal";
headerbgcolor="#FFFFFF";
headerborder=0;
headercolor="#EDEDED";
overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)"
screenposition="center"
bgimage="http://www.vancouverlacrosse.org/hjs/1x16-nav.gif"
offcolor="#FFFFFF";
onbgcolor="#EDEDED";
onborder="1px solid #333333";
oncolor="#FFFFFF";
onsubimage="http://www.vancouverlacrosse.org/hjs/on_downboxed.gif";
overbgimage="http://www.vancouverlacrosse.org/hjs/backon_beige.gif";
padding=6;
pagebgcolor="#FFFFFF";
pagecolor="#FFFFFF";
pageimage="http://www.vancouverlacrosse.org/hjs/db_red.gif";
separatoralign="right";
separatorcolor="#0053A2";
separatorsize="1";
separatorwidth="85%";
subimage="http://www.vancouverlacrosse.org/hjs/downboxed.gif";
}
--------------------------------------------------------------------------------
Posted by: kevin3442
Friday April 1 2005 - 10:40:15 BST
Hi Listener,
I hope Ruth doesn't mind me jumping in. But I'm awake and this is a quick one:
Listener wrote:
Ummm, I disagree becuase I think this is the defined style:
Code:
with(horizStyle=new mm_style()){
...
Tis true... it is a defined style, but alas, not the defined style.
Your style is named horizStyle, but your menu is looking for a style
named menuStyle. You gotta fix the name in one place or the
other so that they are the same.
Cheers,
Kevin
--------------------------------------------------------------------------------
Posted by: Listener
Friday April 1 2005 - 16:17:47 BST
Thank you both I feel like a bit of a dunce just now but I'm happier. I do have a couple of more issues,
to do with the style but not the error since that's now solved - thank you again.
Should I start a new thread or carry on?
In the hope I may ask here ....
Source page: http://www.vancouverlacrosse.org/template.asp
Is there a way to establish a horizontal menu margin between the
vertical spacers and the text?
And is there a way to make the menu auto fill the available cell
space which is 718 pixels.
Lastly, I hope what setting controls how fast a submenu closes?
Example on source page given, Information, More Information
(sub menu) takes a long time to close.
Thank you.
--------------------------------------------------------------------------------
Posted by: Ruth
Saturday April 2 2005 - 23:03:19 BST
Listener wrote:
Is there a way to establish a horizontal menu margin between the
vertical spacers and the text?
Add this to the horizontal menu style definition: Code:
rawcss="padding:1px 3px 1px 3px";
That will make the padding in the item 1px at the
top and bottom as you now have it, and 3px at right and left
which will of course increase the space to the right and left of the separator.
Listener wrote:
And is there a way to make the menu auto fill the available cell space which is 718 pixels.
Try adding itemwidth=78; in the main menu on the page, just below position="relative";
Listener wrote:
Lastly, I hope what setting controls how fast a submenu closes?
Example on source page given, Information,
More Information (sub menu) takes a long time to close.
You have keepalive=1; set in the style definitions, remove that.
The site looks really nice.
Ruth
--------------------------------------------------------------------------------
Posted by: Listener
Sunday April 3 2005 - 1:24:23 BST
Ruth,
Ruth wrote:
The site looks really nice.
Thank you and your a wonder. Each of your suggestions worked to perfection.
Once again thank you and Keith for your help.
I will most assuredly use this product in other design projects as they
come up.
Listener
aka: John Vickers, Project Mgr. for
http://www.bccommunities.net
--------------------------------------------------------------------------------
Posted by: Listener
Sunday April 3 2005 - 1:25:22 BST
Oops it's Kevin not Keith
--------------------------------------------------------------------------------
Posted by: Ruth
Sunday April 3 2005 - 3:52:41 BST
Saturday night, bending the elbow, huh Have another beer
Ruth
[/b]
