Author Topic: Implementing a jquery dropdown menu  (Read 13766 times)

Offline SlaY3R

  • Posts: 18
Implementing a jquery dropdown menu
« 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/

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><span class="menu_current"><a href="#" target="_top"  class="menu_current"> Harmony </a></span>
    <ul>
        <li><span class="menu_default"><a href="#" target="_top"  class="menu_default"> Missie </a></span>
        </li>
    </ul>
    </li>
    <li><span class="menu_default"><a href="#" target="_top"  class="menu_default"> Service </a></span>
    </li>
    <li><span class="menu_default"><a href="#" target="_top"  class="menu_default"> Winkel </a></span>
    </li>
    <li><span class="menu_default"><a href="#" target="_top"  class="menu_default"> Bedrijven </a></span>
    </li>
    <li><span class="menu_default"><a href="#" target="_top"  class="menu_default"> Zorg </a></span>
    </li>
    </ul>            
</ul>


Does anyone got a solution how i can fix this?

Greets,

SlaY3R

Offline Bramus

  • Posts: 608
  • Gender: Male
    • BRAMUS Internet Services
Re: Implementing a jquery dropdown menu
« Reply #1 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.
BRAMUS Internet Services

Offline pcwacht

  • Posts: 2923
  • Gender: Male
    • Dutch ICT info
Re: Implementing a jquery dropdown menu
« Reply #2 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
http://www.ictwacht.nl = Dutch ICT info
http://www.pcwacht.nl = My first
both still work in progress, since years.....

Backwash

  • Guest
Re: Implementing a jquery dropdown menu
« Reply #3 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!

Offline kweitzel

  • WebsiteBaker Org e.V.
  • **
  • Posts: 6983
  • Gender: Male
Re: Implementing a jquery dropdown menu
« Reply #4 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

Backwash

  • Guest
Re: Implementing a jquery dropdown menu
« Reply #5 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.

http://www.websitebaker2.org/forum/index.php/topic,14631.0.html
« Last Edit: July 23, 2009, 09:37:50 PM by Backwash »