Spry 2.0 -- over state question

Question

I am using the adobe widget browser for a horizontal spry menu for the first time and can't seem to get an over state to work. Can anyone post code to get this working? And is there a way to make the over states work when putting the menu in an include or library?
Thanks

Answer 1

Add the following to your document
<script type="text/javascript" language="javascript">
function InitPage(){
Spry.$$('#MenuBar li').forEach(function(node){ /* for FF Chrome etc  */
     var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
     if(a.href == window.location){
          Spry.Utils.addClassName(node,"activeMenuItem");
Spry.$$('#MenuBar div.MenuItemContainer').forEach(function(node){ /* for IE */
     var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
     if(a.href == window.location){
          Spry.Utils.addClassName(node,"activeMenuItem");
Spry.Utils.addLoadListener(InitPage);
</script>
and the style rules for activeMenuItem
<style>
#MenuBar .activeMenuItem .MenuItem .MenuItemLabel {
     background-color: #592f8b; /* consider exposing this prop separately*/
     color: #ffffff;
</style>
Gramps