onclass/offclass issues. Please Help :(

nbarth · Post by **nbarth** » Fri Oct 31, 2003 7:20 pm

Great!

Sorry I wasn't quicker on my reply.

Nicholas

Maz · Post by **Maz** » Fri Oct 31, 2003 8:04 pm

Still not over yet.

Border off works for 'home page' where there is no submenu but not where there is a submenu, there is no boder off until moused over then border on places lower, then border off comes on at this lower place where there is no submenu.

This is no treat

nbarth · Post by **nbarth** » Fri Oct 31, 2003 8:16 pm

Maz,

I will take a look at it, and see what I can do. Could you give me an example of a page with a third tier submenu. ( topmenu -> 2nd tier -> 3rd tier )

Nicholas

nbarth · Post by **nbarth** » Fri Oct 31, 2003 8:26 pm

Maz,

Would you mind coming up with a very simple example of your menus? This is just to save me a bit of time and help me diagnose your problem quicker. Make a page with one topmenu, one second tier menu, and a third tier menu stemming from the second tier. Also, include the css styles and proprietary javascript in the page itself, no imports other than the milonic files. Put the menu construction data (i.e menu_data.js) between script tags in the page as well.

Thanks,
Nicholas

Maz · Post by **Maz** » Fri Oct 31, 2003 10:12 pm

Here are the styles:

div.xptopmainoff{
background: #ffffff;
border-bottom: 4px solid #c5c5c5;
}
div td.xptopmainoff{
font-size: 11px;
font-style: normal;
border-bottom: 4px solid #c5c5c5;
font-family: tahoma, verdana, sans-serif;
color: #6699ff;
padding-top: 1px;
}
div td td.xptopmainoff{
border: 0;
}
div.xtopmainon{
background: #ffffff;
border-bottom: 4px solid #c5c5c5;
}
div td.xptopmainon{
font-size: 11px;
font-style: normal;
border-bottom: 4px solid #ff0033;
font-family: tahoma, verdana, sans-serif;
color: #ff0033;
padding-top: 1px;
}
div td td.xptopmainon{
border: 0;
}

Here is the top part of the menu, one submenu, I took off submenu styles since it didn't make any difference.

_menuCloseDelay=500;
_menuOpenDelay=30;
_followSpeed=5;
_followRate=40;
_subOffsetTop=4;
_subOffsetLeft=0;
_scrollAmount=3;
_scrollDelay=20;

with(xptopmain=new mm_style()){
onclass="xptopmainon";
offclass="xptopmainoff";
pagecolor="#ff0033";
pagebgcolor="transparent";
subimageposition="left";
subimage="/template/main/images/xarrowdn.gif";
onsubimage="/template/main/images/xarrowdnon.gif";
subimagepadding="3px";
}

with(xptopsub=new mm_style()){
image="/template/main/images/xsubblank.gif";
headercolor="#ffffff";
headerbgcolor="#6666ff";
separatorcolor="#ffffff";
separatorsize="1";
high3dcolor="#f4f4f4";
low3dcolor="#c0c0c0";
pagecolor="#ff0033";
pagebgcolor="transparent";
pageimage="/template/main/images/xsubarrow.gif";
}

with(milonic=new menuname("xtopmenu")){
style=xptopmain;
alwaysvisible=1;
orientation="horizontal";
top=51;
left=130;
aI("itemwidth=75;itemwidth=1;url=#;image=/template/main/images/xpixel.gif;imagealt=skip menu;");
aI("itemwidth=75;text=Home Page;url=/index.php?m=show_doc&pid=1;status=home;");
aI("itemwidth=75;text=About Us;showmenu=aboutus;status=submenu about us;");
aI("itemwidth=75;text=Knowledge;showmenu=knowledge;status=submenu knowledge;");
aI("itemwidth=75;text=Legislation;showmenu=legislation;status=submenu legislation;");
aI("itemwidth=75;text=Research;showmenu=research;status=submenu research;");
aI("itemwidth=75;text=Resource;showmenu=resource;status=submenu resource;");
}

with(milonic=new menuname("aboutus")){
style=xptopsub;
bgimage="/template/main/images/xsubback.gif";
aI("text=GuestBook;url=/guestbook.php;status=link our GuestBook;overimage=/template/main/images/xsubarrow.gif;");
aI("text=About Mercury Exposure;url=/index.php?m=show_doc&pid=3;status=link our organization;overimage=/template/main/images/xsubarrow.gif;");
aI("text=Canary Production;url=/index.php?m=show_doc&pid=30;status=link canary production;overimage=/template/main/images/xsubarrow.gif;");
aI("text=Donors;url=/index.php?m=show_doc&pid=8;status=link our donors;overimage=/template/main/images/xsubarrow.gif;");
aI("text=Sponsors;url=/index.php?m=show_doc&pid=10;status=link our sponsors;overimage=/template/main/images/xsubarrow.gif;");
aI("text=Volunteers;url=/index.php?m=show_doc&pid=27;status=link our volunteers;overimage=/template/main/images/xsubarrow.gif;");
aI("text=Policy and Disclaimer;url=/index.php?m=show_doc&pid=7;status=link policy and disclaimer;overimage=/template/main/images/xsubarrow.gif;");
aI("text=Support Us;url=/index.php?m=show_doc&pid=43;status=link support us;overimage=/template/main/images/xsubarrow.gif;");
aI("text=Email Us;url=mailto:help@mercuryexposure.org?Subject=Mercury%20Exposure%20Website;status=opens email;overimage=/template/main/images/xsubarrow.gif;");
}

The link is at the bottom.

nbarth · Post by **nbarth** » Fri Oct 31, 2003 11:01 pm

The link is at the bottom

maz,

When you say "the bottom", the bottom of what? I looked at the bottom of the post and there wasn't a link to a simple example. I really need to play around with a simple example. The problem is not obvious to me as of yet, however if I try a couple of things I may be able to help.

Nicholas

nbarth · Post by **nbarth** » Fri Oct 31, 2003 11:06 pm

maz,

I am sorry, the -www- link is working, however I really would like to look at a more scaled down page. A page as I described in an earlier post.

Make a page with one topmenu, one second tier menu, and a third tier menu stemming from the second tier. Also, include the css styles and proprietary javascript in the page itself, no imports other than the milonic files. Put the menu construction data (i.e menu_data.js) between script tags in the page as well.

That way I don't have to sift through everything to get at what is important.

Nicholas

Maz · Post by **Maz** » Sun Nov 02, 2003 10:42 am

Sorry its too much to set up another menu, I gave up.

To set it up simply draw a 4px line then match a menu with and without a submenu with a 4px bottom border.

I can tell you that to hide the subimage border its div tr td td
Also to stop the difference between a menu without a submenu border being higher than those with submenu is div tr td and div tr tr td

But trying to get an off border to switch with an on border won't work.

The off border will only show up after the on border. Unless the border is moved to the tr position, then the row jumps down with td on.

The only other thing I could think of, was to use a:active tags on the borders, something like a.topmenuoff:active a.topmenuon:hover

My graphic borders are too heavy and often run down the page because of height, I'll have to come up with something else.

Regards
maz