Making submenus that lead to another menu

[calbury]

I am very new to this and not always sure of the correct terminology, so please be patient!

I want to have a menu where the submenus link to other submenus. For example, my main menu item will be food, an item on the submenu might be fruit, then I want the word 'fruit' to open another submenu with a list of fruits. I just can't work out how to do it properly. Also, I want the sub-sub menu (with the list of fruits) to be offset from the sub menu, so that it doesn't line up beside it. Am I making sense?

I'd appreciate any help! Thanks

[Ruth]

Hi,

You can make as many submenus as you want. In the main menu, the item that is food which has a submenu to list say fruit, vegetables, meat etc, You would have the item look like this aI("showmenu=Food;text=Food;"); Now the main menu has alwaysvisible=1; but any submenus you create would not have the alwaysvisible. So the food submenu would be something like this

Code: Select all

with(milonic=new menuname("Food")){
style=whateverName you have for style;
aI("text=Fruit;showmenu=fruit;");
aI("text=Vegetables;showmenu=vegetables;");
aI("text=Meats;showmenu=meat;");
}

Then you would have to create the submenus for each of those showmenus. And, so on for however many submenus you need. For example, in the fruit submenu, maybe you want to have even more submenus opening, say for citrus etc So, when you create the fruit menu, maybe instead of a list of fruits it would have categories, so say 3 items like Citrus Fruits, Deciduous Fruits, Vine Fruits. Then each of those items would have a showmenu, i.e. aI("text=Citrus Fruits;showmenu=citrus;"); then you could create the submenu citrus and that could have the various citrus items, grapefruit, lemon, organge etc.

Hope this helps.

Ruth

citrus

[calbury]

Thank you. I now have my menus set up and working properly - but is it possible to set it so that the items on the first submenu only open the second submenu if they're clicked on, rather than having them open on mouseover?

[Ruth]

Yes, you can use the property openonclick=1; in each item of the first submenu that has a secondary submenu. I.E.

Code: Select all

aI("text=Fruit;showmenu=fruit;openonclick=1;");

Below my name are a set of links to the different areas and their properties: styleproperties which are used in the style, menu properties which are used in the actual menu area, i.e. the area where you have style=whateverStyle; and item properties which are used in the items. There are a lot of them, but you can get an idea of the various things you can do

Ruth

[calbury]

Thanks so much! I have 2 more problems - I've read through everything and still can't find the answer.

The first is that I have set the background colour on submenus to change on mouseover - but the background is NOT changing for those submenus that have the arrow image and lead to other submenus. I can't work out why.

Also, I set the submenus to only open when clicked on (taking care to add the open on click command to every item on that submenu). However, once one item on the list has been clicked on, the rest of the items on that same list open on mouseover - no click required.

Any suggestions? Thanks

[Ruth]

Hi,

You're going to need to give me a test page with your stuff on it so I can figure out what's up. I can't do that without the page and the data file

Ruth

[calbury]

Here's the data 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(submenuStyle=new mm_style()){
bordercolor="#ccccFF";
borderstyle="solid";
borderwidth=2;
fontfamily="Verdana, Tahoma, Arial";
fontsize="10pt";
fontstyle="normal";
fontweight="normal";
headercolor="#CCCCCC";
offbgcolor="#ffffff";
offcolor="#666666";
onbgcolor="#CCDDEE";
oncolor="#666666";
outfilter="Blinds( Bands=1,direction=down, duration=0.5)";
overfilter="Blinds( Bands=1,direction=up, duration=0.3)";
padding=3;
pagecolor="black";
separatorcolor="#ffffff";
separatorsize=1;
subimagepadding=8;
subimage="image-files/arrow2.gif";
}

with(menuStyle=new mm_style()){
styleid=1;
bordercolor="#ccccFF";
borderstyle="solid";
borderwidth=2;
fontfamily="Verdana, Tahoma, Arial";
fontsize="11pt";
fontstyle="normal";
fontweight="normal";
headerbgcolor="#CCCCCC";
headercolor="#ffffff";
image="http://img.milonic.com/square_blue.gif";
imagepadding=6;
offbgcolor="#ffffff";
offcolor="#666666";
onbgcolor="#CCDDEE";
oncolor="#ccccFF";
outfilter="Fade(Overlap=1.00)";
overimage="http://img.milonic.com/square_blue.gif";
padding=5;
pagecolor="black";
separatorcolor="#ffffff";
separatorsize=1;
subimagepadding=8;
}

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
openstyle="up";
orientation="horizontal";
style=menuStyle;
aI("showmenu=Beginners;text=Beginners;");
aI("showmenu=Baby Foods;text=Baby Foods;");
aI("showmenu=Finger Foods;text=Finger Foods;");
aI("showmenu=Allergies;text=Allergies;");
aI("showmenu=Problems;text=Problems;");
aI("showmenu=Preparation;text=Preparation;");
aI("showmenu=Articles;text=Articles;");
aI("showmenu=Travel;text=Travel;");
aI("showmenu=Special Recipes;text=Special Recipes;");
}

with(milonic=new menuname("Beginners")){
openstyle="up";
style=submenuStyle;
aI("text=Introducing solids;url=http://www.homemade-baby-food-recipes.c ... foods.html;");
aI("text=Ready for solids?;url=http://www.homemade-baby-food-recipes.c ... olids.html;");
aI("text=Best first food;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=First food ideas;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Solids and breastfeeding;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Solids and reflux;url=http://www.homemade-baby-food-recipes.c ... eflux.html;");
aI("text=Solids and eczema;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Solids before 6 months?;url=http://www.homemade-baby-food-recipes.c ... olids.html;");
}


with(milonic=new menuname("Baby Foods")){
openstyle="up";
style=submenuStyle;
aI("showmenu=Cereal;text=Cereal;openonclick=1;");
aI("showmenu=Fruits;text=Fruits;openonclick=1;");
aI("showmenu=Vegetables;text=Vegetables;openonclick=1;");
aI("showmenu=Dairy;text=Dairy;openonclick=1;");
aI("showmenu=Meat;text=Meat;openonclick=1;");
aI("showmenu=Other Recipes;text=Other recipes;openonclick=1;");
aI("text=Recipes from our blog;url=http://blog.homemade-baby-food-recipes. ... d-recipes/;");
aI("showmenu=Readers' Recipes;text=Readers' recipes;openonclick=1;");
}


with(milonic=new menuname("Cereal")){
openstyle="up";
style=submenuStyle;
aI("text=Rice cereal;url=http://www.homemade-baby-food-recipes.c ... ecipe.html;");
aI("text=Brown rice;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Oatmeal/porridge;url=http://www.homemade-baby-food-recipes.c ... tmeal.html;");
}


with(milonic=new menuname("Fruits")){
openstyle="up";
style=submenuStyle;
aI("text=Basic purees;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Banana;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Pear;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Avocado;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Apple;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Plum;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Blueberries;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Melon;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Strawberries;url=http://www.homemade-baby-food-recipes.c ... rries.html;");
aI("text=Raisins;url=http://www.homemade-baby-food-recipes.c ... isins.html;");
aI("text=Coconut;url=http://www.homemade-baby-food-recipes.c ... conut.html;");
aI("text=Assorted fruit recipes;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
}



with(milonic=new menuname("Vegetables")){
openstyle="up";
style=submenuStyle;
aI("text=Basic purees;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Sweet potato;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Carrots;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Butternut squash;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Lentils;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Pumpkin;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Swede/rutabaga;url=http://www.homemade-baby-food-recipes.com/swede.html;");
aI("text=Zucchini/courgettes;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Eggplant/aubergine;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Beets/beetroot;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Bell peppers;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Vegetarian recipes 6 months+;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Vegetarian recipes 10 months+;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
}

with(milonic=new menuname("Dairy")){
openstyle="up";
style=submenuStyle;
aI("text=Yogurt;url=http://www.homemade-baby-food-recipes.c ... ogurt.html;");
aI("text=Cheese;url=http://www.homemade-baby-food-recipes.c ... heese.html;");
aI("text=Yogurt cheese;url=http://www.homemade-baby-food-recipes.c ... heese.html;");
}


with(milonic=new menuname("Meat")){
openstyle="up";
style=submenuStyle;
aI("text=Basic meat purees;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Chicken (7 months+);url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Chicken (10 months+);url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Beef/pork/lamb 7 months+);url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Beef/pork/lamb 10 months+);url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
}



with(milonic=new menuname("Other Recipes")){
openstyle="up";
style=submenuStyle;
aI("text=Fish (7 months+);url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Fish (10 months+);url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Indian recipes (7 months+);url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Indian recipes (10 months+);url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Pasta (6 months+);url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Pasta (10 months+);url=http://www.homemade-baby-food-recipes.c ... pasta.html;");
aI("text=Tofu (8 months+);url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Tofu (10 months+);url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Breakfast ideas;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Soups;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Butternut soup;url=http://www.homemade-baby-food-recipes.c ... -soup.html;");
aI("text=Minestrone soup;url=http://www.homemade-baby-food-recipes.c ... -soup.html;");
aI("text=Casseroles/stews;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Chicken stock;url=http://www.homemade-baby-food-recipes.c ... stock.html;");
aI("text=Beef stock;url=http://www.homemade-baby-food-recipes.c ... stock.html;");
aI("text=Vegetable stock;url=http://www.homemade-baby-food-recipes.c ... stock.html;");
}


with(milonic=new menuname("Readers' Recipes")){
openstyle="up";
style=submenuStyle;
aI("text=Latest recipes;url=http://www.homemade-baby-food-recipes.c ... ideas.html;");
aI("text=Breakfast recipes;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Dinners;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Dessert recipes;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Finger foods;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
}



with(milonic=new menuname("Finger Foods")){
openstyle="up";
style=submenuStyle;
aI("text=Introducing finger foods;url=http://www.homemade-baby-food-recipes.c ... foods.html;");
aI("text=Foods to try;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Recipes;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Dips and spreads;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Teething biscuits;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Egg free teething biscuits;url=http://www.homemade-baby-food-recipes.c ... cuits.html;");
aI("text=Wheat free teething biscuits;url=http://www.homemade-baby-food-recipes.c ... cuits.html;");
aI("text=Bread sticks;url=http://www.homemade-baby-food-recipes.c ... cuits.html;");
aI("text=Zwieback toast;url=http://www.homemade-baby-food-recipes.com/zwieback.html;");
aI("text=Egg free French Toast;url=http://www.homemade-baby-food-recipes.c ... toast.html;");
}

with(milonic=new menuname("Allergies")){
openstyle="up";
style=submenuStyle;
aI("text=Spotting allergies;url=http://www.homemade-baby-food-recipes.c ... rgies.html;");
aI("text=The four day rule;url=http://www.homemade-baby-food-recipes.c ... blems.html;");
aI("text=Foods to avoid;url=http://www.homemade-baby-food-recipes.c ... avoid.html;");
aI("text=Introducing dairy;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Cow's milk allergy/lactose intolerance;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Wheat and gluten;url=http://www.homemade-baby-food-recipes.com/wheat.html;");
aI("text=Wheat substitutes;url=http://www.homemade-baby-food-recipes.c ... tutes.html;");
aI("text=Egg allergy;url=http://www.homemade-baby-food-recipes.c ... -eggs.html;");
aI("text=Soy allergy;url=http://www.homemade-baby-food-recipes.c ... lergy.html;");
aI("text=Corn allergy;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Spices, herbs and garlic;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
}

with(milonic=new menuname("Problems")){
openstyle="up";
style=submenuStyle;
aI("text=How much should my baby be eating?;url=http://www.homemade-baby-food-recipes.c ... ating.html;");
aI("text=Gagging and introducing lumpy foods;url=http://www.homemade-baby-food-recipes.c ... blems.html;");
aI("text=My baby won't eat from a spoon;url=http://www.homemade-baby-food-recipes.c ... spoon.html;");
aI("text=My baby won't eat vegetables;url=http://www.homemade-baby-food-recipes.c ... ables.html;");
aI("text=Making mealtimes fun;url=http://www.homemade-baby-food-recipes.c ... s-fun.html;");
aI("text=Coping with a messy eater;url=http://www.homemade-baby-food-recipes.c ... eater.html;");
aI("text=Constipation;url=http://www.homemade-baby-food-recipes.c ... ation.html;");
aI("text=Diarrhea;url=http://www.homemade-baby-food-recipes.c ... rrhea.html;");
aI("text=Feeding a baby with a cold;url=http://www.homemade-baby-food-recipes.c ... -cold.html;");
}

with(milonic=new menuname("Preparation")){
openstyle="up";
style=submenuStyle;
aI("text=Storage and preparation tips;url=http://www.homemade-baby-food-recipes.c ... orage.html;");
aI("text=Prepare baby food safely;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=How to thicken purees;url=http://www.homemade-baby-food-recipes.c ... urees.html;");
aI("text=How to thin purees;url=http://www.homemade-baby-food-recipes.c ... urees.html;");
aI("text=Peeling fruits and veggies;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Serving raw fruits and veggies;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Using frozen fruits and veggies;url=http://www.homemade-baby-food-recipes.c ... ruits.html;");
aI("text=Using canned fruits and veggies;url=http://www.homemade-baby-food-recipes.c ... ruits.html;");
aI("text=Refrigeration/freezing tips;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Heating baby food;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
}

with(milonic=new menuname("Articles")){
openstyle="up";
style=submenuStyle;
aI("text=Boost baby's nutrition with wheat germ;url=http://www.homemade-baby-food-recipes.c ... -germ.html;");
aI("text=Baby's iron levels;url=http://www.homemade-baby-food-recipes.c ... fants.html;");
aI("text=Calcium sources for baby;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Protein in baby's diet;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Your baby and vitamin D;url=http://www.homemade-baby-food-recipes.c ... min-D.html;");
aI("text=Introducing a sippy cup;url=http://www.homemade-baby-food-recipes.c ... y-cup.html;");
aI("text=Giving your baby water;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Giving your baby juice;url=http://www.homemade-baby-food-recipes.c ... juice.html;");
aI("text=Why baby needs whole milk and fats;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Why adding salt to baby food may be harmful;url=http://www.homemade-baby-food-recipes.c ... -food.html;");
aI("text=Brushing baby's teeth;url=http://www.homemade-baby-food-recipes.c ... teeth.html;");
aI("text=Baby nutrition;url=http://www.homemade-baby-food-recipes.c ... ition.html;");
}

with(milonic=new menuname("Travel")){
openstyle="up";
style=submenuStyle;
aI("text=Tips for travelling with baby;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Taking baby to a restaurant;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Air travel;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Flying with baby food/milk;url=http://www.homemade-baby-food-recipes.c ... -milk.html;");
aI("text=Car travel;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
aI("text=Taking baby abroad;url=http://www.homemade-baby-food-recipes.c ... broad.html;");
aI("text=Travel snacks;url=http://www.homemade-baby-food-recipes.c ... nacks.html;");
aI("text=First aid kit;url=http://www.homemade-baby-food-recipes.c ... -baby.html;");
}

with(milonic=new menuname("Special Recipes")){
openstyle="up";
style=submenuStyle;
aI("showmenu=Birthday;text=Birthday;openonclick=1;");
aI("text=Thanksgiving;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Valentine's Day;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Christmas;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");

}


with(milonic=new menuname("Birthday")){
openstyle="up";
style=submenuStyle;
aI("text=Healthy first birthday cake;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Wheat free first birthday cake;url=http://www.homemade-baby-food-recipes.c ... cipes.html;");
aI("text=Sugar free frosting;url=http://www.homemade-baby-food-recipes.c ... sting.html;");
}

drawMenus();

And the test page (I haven't worked out the positioning yet)

http://www.homemade-baby-food-recipes.com/test1.html

[Ruth]

Hi,

It is your Table code in the stylesbi.css file. I'm going to report this to Milonic because if you leave the image property out of the style in the data file, then the bgcolor works, even with that table code in the css file. So, it seems there is something going on, but right now it seems that generic table code is being picked up by the data file so the bgcolor remains always as fff. I know that happens sometimes with table, td, margin and padding generic codes from css, they seem to over ride the menu. You can either switch that table coding to a class, and that means coding all your table with the class, or you can try creating a class for the menu styles and then using the offclass / onclass properties of the menu in each style in the data file. There is a very basic kind of example/explanation for using css and the off / onclass properties. Note that if you wish to use css and also to have the css apply different color, i.e. offbgcolor and onbgcolor then for each style you need to create a class for the off properties and another class for the on properties.

http://support.milonic.com/beginners/css_styling/

Ruth