WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => jQuery => Topic started by: SlaY3R on February 02, 2009, 10:29:04 PM

Title: Implementing a jquery dropdown menu
Post by: SlaY3R on February 02, 2009, 10:29:04 PM: Hi guys,

First i wanna say i love this CMS system!

But i got a problem. I'm creating with a mate a template for Website baker and we are trying to implement a jquery menu that we found over here: http://javascript-array.com/scripts/jquery_simple_drop_down_menu/ (http://javascript-array.com/scripts/jquery_simple_drop_down_menu/)

Is it possible to manipulate the show_menu(1); output (with parameters) that it will be conform like the drop down menu require on the site shown above?

example:
this code wil work for the jquery menu
Code: [Select]
<ul id="jsddm"> <li><a href="#">JavaScript</a> <ul> <li><a href="#">Drop Down Menu</a></li> <li><a href="#">jQuery Plugin</a></li> <li><a href="#">Ajax Navigation</a></li> </ul> </li> <li><a href="#">Effect</a> <ul> <li><a href="#">Slide Effect</a></li> <li><a href="#">Fade Effect</a></li> <li><a href="#">Opacity Mode</a></li> <li><a href="#">Drop Shadow</a></li> <li><a href="#">Semitransparent</a></li> </ul> </li> <li><a href="#">Navigation</a></li> <li><a href="#">HTML/CSS</a></li> <li><a href="#">Help</a></li> </ul>
but the output of a default show_menu() is like this:
and the dropdown part (Missie) wont show:(
Code: [Select]
<ul id="jsddm"> <ul> <li><a href="#" target="_top" class="menu_current"> Harmony </a> <ul> <li><a href="#" target="_top" class="menu_default"> Missie </a> </li> </ul> </li> <li><a href="#" target="_top" class="menu_default"> Service </a> </li> <li><a href="#" target="_top" class="menu_default"> Winkel </a> </li> <li><a href="#" target="_top" class="menu_default"> Bedrijven </a> </li> <li><a href="#" target="_top" class="menu_default"> Zorg </a> </li> </ul> </ul>

Does anyone got a solution how i can fix this?

Greets,

SlaY3R
Title: Re: Implementing a jquery dropdown menu
Post by: Bramus on February 02, 2009, 11:33:59 PM: Why are you using jQuery to make a drop down menu? Because there also other ways (with for example just css) to make a nice dropdown menu.

If you think you can do with just css check out: http://www.seoconsultants.com/css/menus/tutorial/ I used that for one of my sites for a vertical dropdown menu and it works like a charm in the most common browsers i have tested.
Title: Re: Implementing a jquery dropdown menu
Post by: pcwacht on February 02, 2009, 11:38:17 PM: don't use show_menu() for these ass, use show_menu2()

hunt forum or addons page

Have fun,
John
Title: Re: Implementing a jquery dropdown menu
Post by: Backwash on July 23, 2009, 07:21:27 PM: Would anyone be able to give me an example of how I would use a css horizontal drop down menu in conjunction with show_menu2 to use with WB?

I've spent a lot of time looking through forums and the show_menu2 examples, but can't find example code to grasp how it would work. It doesn't necessarily have to be a css menu. My main goal is to have a horizontal drop down menu integrate with WB so if you guys know of an easier way, I'm open to all suggestions. :-D

Thanks in advance!
Title: Re: Implementing a jquery dropdown menu
Post by: kweitzel on July 23, 2009, 07:23:53 PM: The the Documentation site, there they have demo of UDM4: http://code.jellycan.com/sm2test/

cheers

Klaus
Title: Re: Implementing a jquery dropdown menu
Post by: Backwash on July 23, 2009, 07:36:37 PM: Thanks for the quick response!

Edit: I moved additional questions to the modules section, since this is technically a show_menu2 question.

https://forum.WebsiteBaker.org/index.php/topic,14631.0.html