Menu Script Not Working

If you go here: you will see a form select-based menu at the top of the page. This is supposed to be chained menu where the input in one box affects the others. It works fine on my local computer but once I dropped it into my Joomla template, as you can see, it is not loading the script. As far as I know, everything is routed correctly and I've included "onLoad" on the body tag.

Can anyone shed some light into what is going on??  I believe it could be a conflict issue, but I'm sure how to fix it. (Not a JavaScript coder!) Thank you!
Who is Participating?
TEadesConnect With a Mentor Author Commented:
I found out that the error is being caused by a conflict with having all those JavaScripts within the same template.  To remedy this, I have fashioned a workaround where Joomla! wraps my template around a separate HTML file using an iframe.  (Not a fan of iframes, but it is working.

Thank you, j-b-t, for your help!
Hi TEades

I'm thinking that when you embedded the form (in the ?article? or is it in eth template) some data may have been stripped by teh editor.

Can you tell me where it's embedded and supply the form code?

TEadesAuthor Commented:
I embedded the form code directly into the Joomla! template using Dreamweaver so in this case, I'm not thinking it would be an issue of one of Joomla's editors stripping anything (which they CAN do).

BUT, here is the code that I took directly from the author's file.  Thank you for your help!

<title>Chained Selects</title>
<script language="javascript" src="chainedmenu.js">
* Chained Select Menu- By Xin Yang ( & Dynamic Drive (
* Script featured on/available at
* Visit Dynamic Drive at for full source code
* This notice must stay intact for legal use!
<script language="javascript" src="config.js"></script>
<body onLoad="initListGroup('chainedmenu', document.listmenu0.firstlevel, document.listmenu0.secondlevel, document.listmenu0.thirdlevel, 'savestate')">
<form name="listmenu0">
<table align="center"><tr>
<td><select name="firstlevel" style="width:180px;"></select></td>
<td><select name="secondlevel" style="width:160px;"></select></td>
<td><select name="thirdlevel" style="width:160px;"></select></td>
<td><input type="button" value="Go" onClick="goListGroup(document.listmenu0.firstlevel, document.listmenu0.secondlevel, document.listmenu0.thirdlevel)">
 <input type="button" value="Reset" onClick="resetListGroup('chainedmenu')">
<li>An arbitrary string ("savestate") is passed in as the last argument of function initListGroup() inside this page, "sample.html", enabling the session-only cookie persistent feature. What this means is that the script will save and load the last state of the chained Selection lists when you reload or return to this page. See the documentation in chainedmenu.html for more info.</li>
<li>Disable empty lists feature is enabled, so empty lists are disabled (grayed out).</li>
<p align="center">Dynamic Drive- <a href="">Chained Select Menu</a></p>

Open in new window

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.