Skip to main content

JQuery Quick Menu

Building a menu using JQuery is too simple.  Here the script reads from an XML file to build the menu items.

Sample xml

<Root>
  <Menu Text="Home" URL="" ToolTip="Home" ID="m1" >
    <SubMenu Text="About us" URL="" ToolTip="About us"></SubMenu>
    <SubMenu Text="Contact us" URL="" ToolTip="About us"></SubMenu>
    <SubMenu Text="Careers" URL="" ToolTip="About us"></SubMenu>
  </Menu>
  <Menu Text="Company" URL="" ToolTip="Home" ID="m2" >
    <SubMenu Text="Clients" URL="" ToolTip="About us"></SubMenu>
    <SubMenu Text="Management" URL="" ToolTip="About us"></SubMenu>
  </Menu>
</Root>

JQuery
$(document).ready(function () {
            $.ajax({
                type: "GET",
                url: "Menu.xml",
                dataType: 'xml',
                success: function MenuBuilder(xml) {
                    $(xml).find("Menu").each(function () {
                        $("#Menu").append('<div class="menu" id="' + $(this).attr('ID') + '"><a href=' + $(this).attr('URL') + ' Tooltip=' + $(this).attr('ToolTip') + '>' + $(this).attr('Text') + '</a></div>');
                        var id = $(this).attr('ID');
                        var smid = "SM" + id;
                        $("#" + id).append('<div class="submenu" id="' + smid + '"></div>');
                        $(this).find("SubMenu").each(function () {
                            $("#" + smid).append('<a href=' + $(this).attr('URL') + '>' + $(this).attr('Text') + '</a><br />');
                        });
                        $("#" + smid).hide();
                        $("#" + id).hover(function () { $("#" + smid).show(); }, function () { $("#" + smid).hide(); });
                       
                   });
                }
            });
        });

Comments

Post a Comment

Popular posts from this blog

SharePoint Edit Form - Check Unique Values in Fields

You will always come across customers with interesting requirements and we had one. The SharePoint site has a document library in which content was organized within Document sets (i.e documents were created and stored within document sets). One particular field (say Field 1) was shared between the document set and the document to cascade the values. The requirement was to have unique values in Field 1 within the library. We could not set "Enforce unique values" for Field 1 since it will not allow us to share the value of the field with the documents inside the document set. JQuery as usual was the savior. We had to leverage the SPServices functions to achieve what was expected. SPService has a function SPRequireUnique which did not work well for us since it was large document library with more than hunderd thousand documents. SharePoint has a PreSave function which is invoked prior to saving the item in the Database. This is very handy when you need to perform custom v...
2 comments
Read more

Enable Session State in SharePoint 2010

You would have noticed that after installing SharePoint 2010 and deploying your custom solutions, code which is dependent on Session variables would not work as expected. That is because the Session state is not enabled by default. You just need to run this cmdlet in Powershell and boom Session starts working. Enable-SPSessionStateService –DefaultProvision A new service Application by name "SharePoint Server ASP.NET Session State Service" should be available. The web.config will have this additional entry under configuration/system.webserver/modules Also dont forget to change the attribute "enableSessionState" to true in the page Element.
Post a Comment
Read more

SPWebConfigModification

SharePoint offers the SPWebConfigModification class to update web.config entries. We can have a Feature receiver at the Web Application scope and on activation propgate the web config changes to all the WFE servers .. This is good right? But the caveat is that the class is not so flexible. It does not allow us to reorder the entries within a section which is really important in case of custom Http modules ad handlers. Hope MS takes care of this in the next update ..Hers is a sample code to add the connection strings section and update the enableSessionstate attribute. SPWebApplication webApp = (SPWebApplication)properties.Feature.Parent; SPWebConfigModification wcupdate1 = new SPWebConfigModification(); wcupdate1.Owner = "Any Name"; wcupdate1.Name = "enableSessionState"; wcupdate1.Type = SPWebConfigModification.SPWebConfigModificationType.EnsureAttribute; wcupdate1.Path = "configuration/system.web/pages"; wcupdate1.Value = "true"; //...
Post a Comment
Read more