Inline JavaScript Menu Not Appearing

Squiz Matrix Support
1

Dear members/support staff,


I am looking to implement a simple JavaScript tree menu within one of my pages, which will also use a DIV container to display nested content. However, the menu itself is not displaying on the page. There are a number of dependant JavaScript files it calls in order for it to function, which I feel I have done, yet there is still nothing there. There could be a number of things that may be causing this to happen, but I am hoping someone could shed some light as to where I am going wrong, please.



The inline JavaScript code is this:


This menu uses 4 dependant JavaScript files, which I have called in the head of the Parse File (Design). Here is an example of one of them:


These 4 files reside in a folder under the page the menu should be displayed on. They are also TYPE2 pages.

Any idea what I am doing wrong?

Thanks in advance.
2

First of all, have you checked in Firebug to make sure that you are not getting any javascript errors? This would be your first thing to check.


Second, are your .js files dependent of one another being in the same directory? And if so, could you try setting "Allow Unrestricted" to NO on all of them, and see if this helps?

3

This might be the problem:

"java script"

You appear to have a gap in the middle of the word 'javascript'.
4

[quote]This might be the problem:


"java script"



You appear to have a gap in the middle of the word 'javascript'.[/quote]



I am pretty sure this was just for the sake of posting it on the forums.

5

Setting "Allow unrestricted" to NO will help with the js referencing each other, make sure to change your tag that calls it. The issue with this is that you will suffer a performance hit on the files. The files will be run through matrix permissions even if they have public read. The best performing setup to have, although the least graceful, is to manually change all the references in the js files.