Dynamic Menu V2 Problems with selected state
hi guys
i getting little perplexed on add class code selected state. 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>
<!-- following script needed set selected state -->
<script type="text/javascript" src="/catalystscripts/java_dynmenusselectedcss.js"></script>
<script type="text/javascript" >
// ids need unique per page, use different ones if including multiple menus in same page
// id of nav tag, used above
var divtagid = "menuzord";
// desired id 1st <ul> tag
var ultagid = "dropdown";
// desired class 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;
}
// set 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>
More discussions in Documents
adobe
Comments
Post a Comment