Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Javascript dropdown navigation
#1
Hi, I am building a site with a main navigation with multiple sub-menus (javascript dropdown). Is it possible to integrate this menu with the GetSimple navigation tag? Instead of using nested ul and li tags, I have it set up like the following (code pasted below). How can I set this up so that when the user adds a page to the menu, it will add to the navigation? Obviously, I need to keep the classes intact for styling reasons and also the "rel" attributes in the main links are needed to link them to the submenu.

Code:
<div id="ddtopmenubar" class="mattblackmenu navi">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#" rel="ddsubmenu1">Buying</a></li>
                    <li><a href="#" rel="ddsubmenu2">Selling</a></li>
                    <li><a href="#" rel="ddsubmenu3">Resources</a></li>
                    <li><a href="#" rel="ddsubmenu4">About</a></li>
                    <li><a href="#">Careers</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
            <script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>


<ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
</ul>
<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
</ul>
<ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
</ul>
<ul id="ddsubmenu4" class="ddsubmenustyle">
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
</ul>

Any help or advice would be appreciated!
Reply


Messages In This Thread
Javascript dropdown navigation - by rbboyl - 2011-06-15, 03:15:48
Javascript dropdown navigation - by mvlcek - 2011-06-15, 03:38:34
Javascript dropdown navigation - by rbboyl - 2011-06-15, 03:51:01
Javascript dropdown navigation - by mvlcek - 2011-06-15, 04:02:04
Javascript dropdown navigation - by rbboyl - 2011-06-15, 04:54:42
Javascript dropdown navigation - by mvlcek - 2011-06-15, 05:06:52
Javascript dropdown navigation - by rbboyl - 2011-06-15, 05:46:32



Users browsing this thread: 1 Guest(s)