2 Replies Latest reply: Dec 2, 2011 6:55 AM by emdash1 RSS

    How to implement external Javascript menu?


      Hi gang-


      I'm trying to include a drop-down menu in each topic in a RoboHelp 8 help project. This menu uses Javascript and the jQuery library to implement the drop-downs, which requires two external .js files. In addition, there is a function call that activates the menu, and the HTML file for the menu itself. I'm having difficulty getting this to work.


      The site from which I pulled the menu is located at : http://www.egrappler.com/multi-level-hierarchical-jquery-menu-jqsimplemenu/


      So far, I've put the js references and function call in the head section of a master page:


      <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

      <script type="text/javascript" src="js/jqsimplemenu.js"></script>

      <script type="text/javascript">//<![CDATA[

              $(document).ready(function () {





      I've added the JS files as baggage in the project.


      I've put the HTML into a snippet, and then placed that in the master page as well. The menu appears, but the JavaScript isn't working to create the drop-downs. I've also placed the js and function calls into the snippet, with the same result. I've also tried various path options, such as adding a leading slash to the src path (/js/jqsimplemenu.js), and referencing the root of the project (../jqsimplemenu.js).


      The only time I can get the menu to work is when I place the JS and function calls directly into each topic, which isn't really ideal or efficient in our team environment.


      Any thoughts? Thanks.