I have a javascript that I reallly like to use for navigation. But I can't figure out for the life of me how to implement it with this CMS.
Header
<script type="text/javascript" src="/mysite/javascript/menucontents.js"></script>
<script type="text/javascript" src="/mysite/javascript/anylinkmenu.js"></script>
<script type="text/javascript">
anylinkmenu.init("menuanchorclass")
</script>
The "menucontents.js" file typically stores the contents of the 2nd layer navigation. It looks something like this.
var menuPlan = { divclass: 'anylinkmenu', inlinestyle: '', linktarget: ''} //menuPlan being a unique name for one 2nd layer nav popup.
menuPlan.items = [
["Visitor Information", "#"],
["Tickets & Tours", "#"],
["Garden Etiquette", "#"],
["Gift Shop", "#"]
]
var menuGardens = { divclass: 'anylinkmenu', inlinestyle: '', linktarget: ''}
menuGardens.items = [
["What's In Bloom", "#"],
["Garden Map", "#"],
["Plant Database", "#"],
["Development", "#"],
["Meet The Designers", "#"]
]
var menuEvents = { divclass: 'anylinkmenu', inlinestyle: '', linktarget: ''}
menuEvents.items = [
["Events", "#"],
["Book An Event", "#"]
]
var menuInvolved = { divclass: 'anylinkmenu', inlinestyle: '', linktarget: ''}
menuInvolved.items = [
["Membership", "#"],
["Donate", "#"],
["Become A Volunteer", "#"],
["Attend A Lecture", "#"],
["Join Our Mailing List", "#"]
]
var menuEducation = { divclass: 'anylinkmenu', inlinestyle: '', linktarget: ''}
menuEducation.items = [
["Lecture Series", "#"],
["Plant Database", "#"],
["Planting Tips", "#"],
["Horticulture Links", "#"]
]
var menuAbout = { divclass: 'anylinkmenu', inlinestyle: '', linktarget: ''}
menuAbout.items = [
["Mission & History", "#"],
["Our Staff", "#"],
["Board Members", "#"],
["Construction Progress", "#"],
["Contact Us", "#"]
]
Menu HTML
<ul>
<li class="nav_normal">
<a href="$Link"><span>$MenuTitle</span></a>
</li> <!-- A First Level Nav Link With No 2nd Layer Behind It -->
<li class="nav_arrow">
<a href ="javascript:void(0);" class="menuanchorclass someotherclass" rel="menuPlan[mouseover]" rev="lr">
<span>$MenuTitle</span>
</a>
</li> <!-- A First Level Nav Link With A 2nd Layer Nav Behind It menuPlan unique idenifier for menucontents.js -->
<!-- etc etc continued on down throughout these list items -->
<li class="nav_arrow"><a href ="javascript:void(0);" class="menuanchorclass someotherclass" rel="menuGardens[mouseover]" rev="lr"><span>Our Gardens</span></a></li>
<li class="nav_arrow"><a href ="javascript:void(0);" class="menuanchorclass someotherclass" rel="menuEvents[mouseover]" rev="lr"><span>Events</span></a></li>
<li class="nav_arrow"><a href ="javascript:void(0);" class="menuanchorclass someotherclass" rel="menuInvolved[mouseover]" rev="lr"><span>Get Involved</span></a></li>
<li class="nav_arrow"><a href ="javascript:void(0);" class="menuanchorclass someotherclass" rel="menuEducation[mouseover]" rev="lr"><span>Education</span></a></li>
<li class="nav_arrow"><a href ="javascript:void(0);" class="menuanchorclass someotherclass" rel="menuAbout[mouseover]" rev="lr"><span>About Us</span></a></li>
<li class="nav_normal"><a href="#"><span>Gift Shop</span></a></li>
</ul>
I don't even know where to begin incorporating this CMS's navigation system using the <% control Menu(1) %> examples given in the tutorial. Anyone can help me out?
Side Note Question: How can I incorporate <?php ?> snippits throughout the html a .ss file? Seems to not like it when I put php code in there.