Hi!

I found this awesome plugin for jQuery that I wanted to add to my navigation in a mojoPortal install. It seems like there is some sort of conflict with the way that mojo outputs menus, and I was wondering if I can get some help.

the plugin is here:  http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

My code in layout.master is:

<script type="text/javascript" src="/Site/Data/Sites/1/skins/site-skin/jquery-1.1.3.1.min.js"></script>
<script type="text/javascript" src="/Site/Data/Sites/1/skins/site-skin/jquery.lavalamp.min.js"></script>
<script type="text/javascript" src="/Site/Data/Sites/1/skins/site-skin/jquery.easing.min.js"></script>

<script type="text/javascript">

$(function() {

$("#nav ul.AspNet-Menu").lavaLamp({

fx: "backout",

speed: 700,

});

});

</script>

and the nav control code is this:

 <portal:SiteMenu id="SiteMenu1" runat="server" UseTreeView="false" UseSpanInLinks="true" HideMenuOnSiteMap="false" Direction="Horizontal" TopLevelOnly="true" ></portal:SiteMenu>

I know that it has to do with javascript and not css because the plugin generates an additional <li> after the other <li>s that it uses to create the effect, and I can see in firebug that it's not getting generated.

any ideas?

Hi Joe,

I used LavaLamp jQuery Plugin in mojoPortal and it works except one thing very well. It's a menu with 4 items. Third item has subitems, I mean this page has child pages. If this item would selected (clicked), subitems are shown under the menu item. For better understanding, please see the images by this link.

In theme.skin file I configured it as followed;

<portal:mojoTreeView runat="server" SkinID="LavaLamp"
            ContainerCssClass=""
            RootUlCssClass="lavaLampWithImage"
            RenderLiCssClasses="true"
            RenderAnchorCss="true"
            LiCssClass=""
            LiRootExpandableCssClass=""
            LiRootNonExpandableCssClass=""
            LiNonRootExpnadableCssClass=""
            LiSelectedCssClass="current"
            LiChildSelectedCssClass=""
            LiParentSelectedCssClass=""
            AnchorCssClass=""
            AnchorSelectedCssClass=""
            ExpandDepth="0"
      ShowExpandCollapse="false"
   PopulateNodesFromClient="false"             
         />

And in layout.master:

<portal:SiteMenu ID="SiteMenu1" runat="server" MenuSkinID="LavaLamp" UseTreeView="true"
                 HideMenuOnSiteMap="false" ></portal:SiteMenu>

I hope, you can help.

Thanks,
Erhan