WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.6 is now available!


Will it continue with WB? It goes on! | Geht es mit WB weiter? Es geht weiter!
https://forum.websitebaker.org/index.php/topic,32340.msg226702.html#msg226702


The forum email address board@websitebaker.org is working again
https://forum.websitebaker.org/index.php/topic,32358.0.html


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • jQuery »
  • Implementing a jquery dropdown menu
  • Print
Pages: [1]   Go Down

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

SlaY3R

  • Guest
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
Logged

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.
Logged
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
Logged
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!
Logged

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
Logged

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.

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

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • jQuery »
  • Implementing a jquery dropdown menu
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2