By jamesa74 on
I want to create a dropdown menu based on one of my vocabs like the one in
http://www.udm4.com/demos/style-chocolate.php
(put your mouse over "demo").
1. What is the best way doing it?
2. Is there a module that does that or should I write my own template?
Thanks,
David.
Comments
Example I used
Hello,
I implemented a dropdown menu on a drupal powered website, but the menu information comes from the menu module iso vocabs.
URL: http://www.supplychaindesigners.com
This dropdown, top navigation, is fully css with a hack for IE, because IE doesn't handle the :hover pseude class.
If you like information how to use this technique, I'll explain it in more detail.
HTH,
Bart
Before I dive in...
Hi,
Can I do this:
http://davidrennert.com/fullbright/tafritim.jpg
with this tecnique? (i.e. Three level expanssion and a little arrow indicating further expanssion is possibךe).
If so, please explain it to me in more detail.
Thanks a lot,
David
Used this one
Hi,
I used this one (http://www.htmldog.com/articles/suckerfish/dropdowns/) to do the job, except the Javascript function mentioned in this article, replaced by a csshover.htc file, explained : http://www.xs4all.nl/~peterned/csshover.html.
To retrieve the menu data from the database, I used a phpTemplate with following code (you can find information in the drupal forum):
and make sure you load the csshover.htc file in your style sheet (for IE):
Play with the style in the suckerfish example to your needs.
I forgot to say that you have Expand all the menus, otherwise you don't retrieve the list in your page.
HTH,
Bart
Thanks for the link to
Thanks for the link to peterned! This technique is used in "More Eric Meyer on CSS" but the link quoted in the book is wrong, so I was never able to find the original article.
I used the Eric Meyer technique at this test site http://www.comformark.com and once I figured out the paths to the included files it worked quite well. EM also includes the code for drop down menus and the book is an excellent intro to CSS.
Expanded menus can be generated from the Drupal taxonomy with a bit of php code, explained here...
http://drupal.org/node/31307#comment-54502
Dynamic Sized Menus??
This is an awesome resource. It's coming out great, though I still have some IE tuning to do.
The biggest letdown for me is the fact that these menus don't work with dynamic widths. It looks kinda lame to have all the menus the same size for no reason other than a limitation of the css hover method. Does anyone know how the menus (especially the top bar) can be coded without a hard coded width?
Thanks again for the great code and resources.
A reference product
Project Seven has a popup menu product which they claim as compliant with all sorts of standards, including WAI and section 508 (accessibiliy), and it's often mentioned on dreamweaver forums:
http://www.projectseven.com/
You might want to try initializing it with data from your taxonomy tables.
Note that it's *not* OpenSource, and has a cost.
@fgm
Yes, "Popup Menu" is a wunderful product and I have a licence, too. One of my examples: www.sportwagenpark.de Unfortunately I'm new in Drupal. I love the clean generated code and this structured CMS System. So I have no idea, how to build in the generated "Popup Menu" in Drupal. It would be very helpful, if you could tell more in detail how to implement this menu in Drupal. If I understand, I will post it here, too.
jsdomenu
May be you should try jsdomenu module. It implements javascript pop up menu based on taxonomy vocabulary.
use my 'nice menus' module
http://drupal.org/node/43047
the module enables drop down/right/left from any menu tree. if you want to use a taxonomy, i think you can turn a taxonomy into a menu tree using a module.