categories flyout menu

[basnyd]

Hi -

I'd like to do something like this with an oscMax category menu. Is it possible?

Lazar's Chocolate - A Fourth Generation Chocolate Family!

Is there someone who can point me in the right direction?

Thanks

[met00]

Dear lord, you're kidding right?

The menu system they are using is:
DHTMLMenu, (c) 2006, SourceTec Software Co.,LTD - Flash Movie Maker, SWF Decompiler, DHTML Menu, Flash animation software

As DHTML menu system go, it's really not that great. In fact, if you mouse over some of the lower items they don't even use the same coloured backgrounds. I don't know if that is bad programming at the user end, or in the DHTML code itself.

In general, there are a hell of a lot of "free" DHTML menues out there that do what this does, but better. Try a google search and my suggestion is find a better on that's free.

[basnyd]

The client likes that there is larger "button" area to click for each category. My question is -- how do I incorporate a free dhtml menu into oscmax? Does the dhtml menu need a certain feature in order to be able to do that?

Thanks for the information.

[met00]

DHTML menues are generally built by gathering the data (a link and a text) and then placing it into a structure. The data gathering portion is always the same, transverse the data from the index, checking to see if that index item has any items under it, if so building those and transversing those.

So, the process uses a recursive procedure to build the tree structure and place the two data components inside the tree (one as the href, the other as the link text).

My guess is that you could continue to use the DHTML menu code that comes with oscMAX and then just replace the DHTML menu components with the ones from whichever DHTML menu you will be replacing it with, and the associating the proper new DHTML menu style sheet (the .css) and javascript (.js) files.

The code is already there to actually build the tree (in the DHTML menu that comes with oscMAX), you will just want to swap out the actual HTML code to match the DHTML code and then swap out the to components that make the new DHTML work.

[basnyd]

Thanks for the info. How do I tell oscMax that I want to use the DHTML version of the menu? This is my first oscMax site. I've built several osc 2.2 sites.

[basnyd]

I've gotten the dhtml menu working. I'm working on formatting it right now. I'll let you know how I make out.

[basnyd]

You can see the dhtml menu on my test site -- osCMax v2.0 : Welcome to AABox.com's osCMax v2.0 - change this in /english/index.php

How do I line up the triangles with the category name? Also, I'd like to vertically center the text on the sub menus. Is that possible?

Thanks,
Barb

[basnyd]

Ok, I'm making progress. I modified the size of the tri.gif images so they worked with the new left_link_height of 30.

Everything looks good in FF, but things fall apart in IE. The width of the menu expands considerably under IE. What do I need to modify to change the width of the menu in IE?

Thanks,
Barb

[met00]

ie doesn't follow standards (whatchya expect from microsoft), so expect it to not work, and not work well. I have found that font size is an issue, make sure you have the font size in the browser set right (the mid size) and then if it still doesn't work, set the stylesheet to use different font sizes (this is going to require some javascript playing around. I am not a DHTML expert, but there are others in DHTML forums who will be able to provide better information since this is not an osc issue but a dhtml one).

[basnyd]

I'm working to make the dhtml menu work in the real site now. The category menu remains blank. Any suggestion?

Here is what I've done:

* enable dhtml menu in admin
* removed onload="selectRowEffect(this, 0)" from main.tpl.php
* cache is off
* error console in FF says the following:

Error: StartTop is not defined
Source File: http://www.1-800flags.com/catalog/in...u_animation.js
Line: 31

I'm not sure what this means.

Error console also says:

Error: missing ) after argument list
Source File: Your International Flag Source - The Map Shop : All sizes of outdoor, indoor and miniature international flags
Line: 293, Column: 245
Source Code:
Menu6_5= new Array("Pins","http://www.1-800flags.com/catalog/index.php?cName=state-flags-pins","",0,30,110); Menu6= new Array("State Flags","http://www.1-800flags.com/catalog/index.php?cName=state-flags","",5,30,110); Menu7_1= new Array("2 3/8" x 4"","htt

The site is at 1-800flags.com/catalog

Thanks,
Barb