Make Menu Items Unclickable

Last post 10-18-2011, 2:00 PM by Poetic Apricot. 0 replies.
Sort Posts:
  •  10-18-2011, 2:00 PM 23843

    Make Menu Items Unclickable

    Advanced customization - Reference information provided as is
    Wild Apricot technical support team does not provide support for CSS customization, Javascript or visual design. (Read more). This customization may be theme specific.

    If you have drop down or flyout menus, you may not want the parent menu item to link to a page. Wild Apricot creates a link to a new page for every item in your menu. Using the script found here, you can make it so that the items you specify do nothing when clicked.

    To use this script, go to Settings > Global javascript and insert the following:

    <script type="text/javascript">
    function disableLink(pageID){
      allLinks = document.getElementsByTagName('a');
      myDomain = document.domain;
      for(i=0;i<allLinks.length;i++) {
        if (document.getElementsByTagName("a")[i].href == "http://" + myDomain + "/Default.aspx?pageId=" + pageID){
          document.getElementsByTagName("a")[i].href ="#";
        }
        if (document.getElementsByTagName("a")[i].href == "http://" + myDomain + "/" + pageID){
          document.getElementsByTagName("a")[i].href ="#";
        }
      }
    }
    </script>

    To disable a link, you will need the page ID or Custom URL of the page it currently links to. If using the page ID, insert the following just before the </script> tag:

    disableLink("55555");

    Change the 55555 to the correct page ID number or custom URL. Copy that line for each link you want disabled. If using a custom URL, it would look like this:

    disableLink("products");

    Change products to the custom url that you had given the page. 


    Matthieu (Ex-Apricot)
    Please contact support directly for assistance on any of my posts as I will no longer be checking these forums: support@wildapricot.com
View as RSS news feed in XML
Membership Software - Wild Apricot