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:08

Slide Out Submenu problem


Poster: MenuFreak
Dated: Saturday August 22 2009 - 4:13:15 BST

*edit - think I may have posted this originally in the wrong forum so moving here.

Hey guys I have been using Milonic's menu's for years but I am having a hard time trying to get the submenu to scroll out of the main menu instead of popping up complete.

Here is the example of what I am trying to do http://www.nasa.gov/

I tried using the overfilter command in the sub menu section but it does not seem to do anything at all no matter where I place it. Here is how I have it placed now.

with(submenuStyle=new mm_style()){
styleid=1;
overfilter="Slide(duration=1);Shadow(color='#777777',Direction=135,Strength=3)"; <--------------------------OVERFILTER
bordercolor="#5A0009";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="8pt";
fontweight="normal";
headercolor="#000000";
offbgcolor="#E5D19F";
offcolor="#5A0009";
oncolor="#ffffff";
pagecolor="black";
rawcss="padding-left:10px;padding-right:10px;";
separatorcolor="#ffffff";
separatorsize=1;
subimage="http://img.milonic.com/black_round_white.gif";
}

Am I supposed to place it in a different area? Or is this even the right command to be using to get the effect.

Any help would be great, thanks!

Re: Slide Out Submenu problem


Poster: Ruth
Dated: Sunday August 23 2009 - 11:14:12 BST

Hi,

Actually, though it would seem you'd want to use slide, it only has one direction more or less. 3 styles, slide, push, swap, but they all come in from the side.

The one you want to use which will give you that type of slide down opening is blinds, making sure you set the band number to 1
Code:
overfilter="Blinds(bands=1, direction='Down', duration=1.5);Shadow(color='#777777',Direction=135,Strength=3)";


Here's an interactive Filters and Transitions demo which will let you apply different filters and transitions to a menu and see what you get http://support.milonic.com/demos/filters/index.htm

Hope this helps.If you need anything else, just post back.

Ruth

Re: Slide Out Submenu problem


Poster: MenuFreak
Dated: Monday August 24 2009 - 2:25:41 BST

Ruth!!!!

Thanks for answering me I was beginning to think the board had died. But I understand people are volunteers and have lives outside DHTML :P

Well its still a no go for me. I used your code exactly as it was but nothing happens. In fact no transitional effects work at all. Just to be safe I went back and downloaded a clean copy of the sample menu and the only thing I modified was changing the main menu from horizontal to vertical, and changing the sub menus from vertical to horizontal. Then I added the overfilter code but still no change.

Now I am not sure if I added the code in the proper spot so I am going to paste the file here.


----------------------------------------------

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(submenuStyle=new mm_style()){
styleid=1;
bordercolor="#ffffff";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="8pt";
fontweight="normal";
headercolor="#000000";
offbgcolor="#9D4675";
offcolor="#000000";
oncolor="#ffffff";
pagecolor="black";
rawcss="padding-left:10px;padding-right:10px;";
separatorcolor="#ffffff";
separatorsize=1;
subimage="http://img.milonic.com/black_round_white.gif";
overfilter="Blinds(bands=1, direction='Down', duration=1.5);Shadow(color='#777777',Direction=135,Strength=3)"; <-------OVERFILTER CODE
}

with(menuStyle=new mm_style()){
align="left";
bordercolor="#ffffff";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="10pt";
headerbgcolor="#ffffff";
headercolor="#000000";
image="http://img.milonic.com/sepsquare.gif";
imageposition="right";
offbgcolor="#ECEF94";
offcolor="#B6B6B6";
oncolor="#000000";
overimage="http://img.milonic.com/sepsquare_on.gif";
pagecolor="black";
rawcss="padding-left:10px;padding-right:10px;";
separatorcolor="#FFFFFF";
separatorsize=1;
}

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
itemheight=18;
itemwidth=120;
left=10;
orientation="horizontal";
style=menuStyle;
top=10;
aI("text=Home;url=http://www.milonic.com/;");
aI("showmenu=Milonic;text=Milonic;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Links;text=Links;");
aI("showmenu=MyMilonic;text=MyMilonic;");
aI("text=Search;");
}

with(milonic=new menuname("Milonic")){
itemheight=19;
left="offset=20";
orientation="vertical";
style=submenuStyle;
aI("text=Purchasing Page;url=http://www.milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://www.milonic.com/contactus.php;");
aI("text=Newsletter;url=http://www.milonic.com/newsletter.php;");
aI("text=FAQ;url=http://www.milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.com/forum/;");
}

with(milonic=new menuname("Partners")){
itemheight=19;
left="offset=20";
orientation="vertical";
style=submenuStyle;
aI("text=(aq) Hosting;url=http://www.a-q.co.uk/;");
aI("text=SMS 2 Email;url=http://www.sms2email.com/;");
aI("text=WebSmith;url=http://www.softidiom.com/?milonicmenu;");
}

with(milonic=new menuname("Links")){
itemheight=19;
left="offset=20";
orientation="vertical";
style=submenuStyle;
aI("text=Apache Server;url=http://www.apache.org/;");
aI("text=MySQL Database Server;url=http://ww.mysql.com/;");
aI("text=PHP - Development;url=http://www.php.net/;");
}

with(milonic=new menuname("Anti Spam")){
itemheight=19;
orientation="vertical";
style=submenuStyle;
aI("text=Spam Cop;url=http://www.spamcop.net/;");
aI("text=Mime Defang;url=http://www.mimedefang.org/;");
aI("text=Spam Assassin;url=http://www.spamassassin.org/;");
}

with(milonic=new menuname("MyMilonic")){
itemheight=19;
left="offset=20";
orientation="vertical";
style=submenuStyle;
aI("text=Login;url=http://www.milonic.com/login.php;");
aI("text=Licenses;url=http://www.milonic.com/mylicenses.php;");
aI("text=Invoices;url=http://www.milonic.com/myinvoices.php;");
aI("text=Your Details;url=http://www.milonic.com/mydetails.php;");
}

drawMenus();

----------------------------------------------------

I have also tried putting the overfilter code in other sections of the file, such as under the main menu section and under the individual sub menu sections but no go. I cannot figure out what I am doing wrong.

Also I noted, when using the menu example you linked me to, that it says transitions are for IE5 and higher, and I use Firefox. So is the code actually changing but transitions cannot be viewed in Firefox? If that is the case I am a bit confused as I viewed the Nasa site in Firefox and its menu has the blinds feature working.

I have the above code uploaded to a temporary host as I try to figure things out if you want to take a look. http://redwoodsriverresort.50webs.com/html/about_us.html

I am eager to figure this out as I am creating a website for a client and really would like to use this menu with this transition.

Sorry for the verbose post but I wanted you to have as many details as possible.

Thanks again for the help!

*EDIT*

Okay as much as I hate IE I tracked it down on my system and viewed my page, low and behold the blind effect is working! So now I am baffled. If I can view the Nasa page in Firefox, why can't I view my page? color me confused. :roll:

Re: Slide Out Submenu problem


Poster: Ruth
Dated: Monday August 24 2009 - 7:33:12 BST

Hi,

Sorry, I think I am the only one left anymore. The overfilter/outfilter codes are proprietary to Microsoft and Milonic has only built them in the menus to make it easier for menu users. Because they are proprietary to Microsoft, other browsers have not and will not add the programming capability to use them. Actually, unless they bought a license from MS to do that programming in their browser, if MS would sell one, they can't program for those filters and transitions.

Milonic Version 6, which is in beta testing, will have that dropslide effect as an option and a number of others. I think fade, and dropshadow. viewtopic.php?f=10&t=10154 if you want to know more.

I'm sorry, but I don't really know anything about version 6. I haven't worked with it yet, but I have downloaded it and it does have that drop slideout one available.

Ruth

Re: Slide Out Submenu problem


Poster: MenuFreak
Dated: Monday August 24 2009 - 15:35:06 BST

Thanks again Ruth,

Shakes fist at Microsoft! :x

Well I am still a bit confused how Nasa's site is using the blind effect in Firefox unless they have the version 6 code somehow. Oh well I guess I will mess with the menu some more and come up with something I like while I wait on version 6 to be released.

Okay off to tinker a bit and work on the menu. Thanks for the help.

Re: Slide Out Submenu problem


Poster: Ruth
Dated: Monday August 24 2009 - 21:17:33 BST

Hi,

No, they don't have version 6. They have had someone develop their own js program to do that effect. Let me check on version 6 and using it. Since I am not part of Milonic, I have to get any info on use from them. I'll post back what I find.

Ruth

Re: Slide Out Submenu problem


Poster: MenuFreak
Dated: Wednesday August 26 2009 - 15:40:05 BST

Yah leave it to those guys at Nasa to have someone smart enough to write their own code...pfft!

Thanks again Ruth! :P