0 Replies Latest reply on Nov 12, 2015 7:01 PM by Newwave Media Graphics

    Dynamic Menu V2 Problems with selected state

    Newwave Media Graphics

      HI Guys

       

      I am getting a little perplexed on where I add my class to code for my selected state. Any help

       

      <link href="../../../Assets/CSS/menuzord.css" rel="stylesheet" type="text/css" >

       

       

              <script type="text/javascript" src="../../../Assets/Scripts/menu/menuzord.js"></script>

       

       

      <script type="text/javascript" src="/CatalystScripts/Java_DynMenusSelectedCSS.js"></script>

      <script type="text/javascript">

         jQuery(document).ready(function(){ 

            jQuery("#menuzord").menuzord();

         });

      </script>

      <div id="menuzord" class="menuzord">{tag_menugroup}</div>

       

       

      <!-- the following script is needed to set the selected state -->

      <script type="text/javascript" src="/CatalystScripts/Java_DynMenusSelectedCSS.js"></script>

      <script type="text/javascript" >

        // ids need to be unique per page, use different ones if you are including multiple menus in the same page

        // id of the nav tag, used above

        var divTagId = "menuzord";

       

       

        // desired id for 1st <ul> tag

        var ulTagId = "dropdown";

       

       

        // desired class for 1st <ul> tag

        var ulTagClass = "menuzord-menu";

       

       

        if ((null !== ulTagId) && ("" !== ulTagId)) {

        document.getElementById(divTagId).getElementsByTagName("ul")[0].setAttribute("id",ulTagId );

        }

        if ((null !== ulTagClass) && ("" !== ulTagClass)) {

        document.getElementById(divTagId).getElementsByTagName("ul")[0].className = ulTagClass;

        }

       

        // this will set the selected state

        if ((null !== ulTagId) && ("active" !== ulTagId)) {

        catSetSelectedCSSItem(ulTagId);

        }

      </script>

       

      <div id="menuzord" class="menuzord">

        <ul class="dropdown dropdown-left">

          <li  ><a href="/home.html">Home</a></li>

          <li  ><a href="/News.html">News</a>

            <ul class="dropdown dropdown-left">

              <li  ><a href="/News-Latest.html">Latest</a></li>

              <li  ><a href="/News-Archive.html">Archive</a></li>

            </ul>

          </li>

          <li  ><a href="/Club.html">Club</a>

            <ul class="dropdown dropdown-left">

              <li  ><a href="/Club-About.html">About</a></li>

              <li  ><a href="/Club-History.html">History</a></li>

              <li  ><a href="/Club-Club-Documents.html">Club Documents</a></li>

              <li  ><a href="/Club-Login.html">Club Login</a></li>

            </ul>

          </li>

          <li  ><a href="/Teams.html">Teams</a>

            <ul class="dropdown dropdown-left">

              <li  ><a href="">Mens</a></li>

              <li  ><a href="">Womens</a></li>

              <li  ><a href="">U15</a></li>

            </ul>

          </li>

          <li  ><a href="/Fixtures.html">Fixtures</a>

            <ul class="dropdown dropdown-left">

              <li  ><a href="">Mens</a></li>

              <li  ><a href="">Womens</a></li>

              <li  ><a href="">U15</a></li>

            </ul>

          </li>

          <li  ><a href="/Gallery.html">Gallery</a></li>

          <li  ><a href="/Sponsors.html">Sponsors</a>

            <ul class="dropdown dropdown-left">

              <li  ><a href="">Friends of Thunder</a></li>

            </ul>

          </li>

          <li  ><a href="/Links.html">Links</a></li>

          <li  ><a href="/Events.html">Events</a></li>

          <li  ><a href="/store">Shop</a></li>

          <li  ><a href="/Contact.html">Contact</a></li>

          <li  ><a href="/Join.html">Join</a></li>

          <li  ><a href="/Login.html">Login</a></li>

        </ul>