3
Thanks for the reply.
I had tried multiMenu but it was too tied up with the module URL's for my needs.
I wanted a menu that takes arbitrary main links and sublinks with no connection to XOOPs modules.
I ended up making a custom block menu with drop-down submenus etc.. it works fine.
Here's the code if anyone else is doing a similar thing :
I put the sub-links in DIV blocks and called a javascript function on main-link click to toggle the DIV blocks CSS display property.
It's quite simple, and it works
<script type="text/javascript">
function showMenu(list)
{
var listElementStyle=document.getElementById(list).style;
if (listElementStyle.display=="none")
{listElementStyle.display="";}
else
{listElementStyle.display="none";}
}
script>
<tbody>
<tr>
<td id="mainmenu">
<a class="menuTop" href="{X_SITEURL}index.php"> Home a>
<a class="menuMain" href="{X_SITEURL}modules/articles/article.php?id=17"> Contact AJET a>
<a class="menuMain" href="javascript:showMenu('ajetgroups');">AJET Groups a>
<div id="ajetgroups" style="display:none;">
<a class="menuSub" href="{X_SITEURL}modules/weblinks/viewcat.php?cid=1"> Prefectural AJET Groups a>
<a class="menuSub" href="{X_SITEURL}modules/weblinks/viewcat.php?cid=2"> Special Interest Groups a>
<a class="menuSub" href="{X_SITEURL}modules/weblinks/viewcat.php?cid=3"> Nationality Groups a>
<a class="menuSub" href="{X_SITEURL}modules/weblinks/viewcat.php?cid=26"> Language Groups a>
div>
<a class="menuMain" href="javascript:showMenu('publications');"> Publications a>
<div id="publications" style="display: none;">
<a class="menuSub" href="http://aaj.ajet.net/"> AJET Across Japan Magazine a>
<a class="menuSub" href="http://ttp.ajet.net/"> Team Taught Pizza a>
<a class="menuSub" href="{X_SITEURL}modules/articles/article.php?id=18#hajet"> Hokkaido AJET Publications a>
<a class="menuSub" href="{X_SITEURL}modules/articles/article.php?id=18#hajet"> Fukushima AJET Publications a>
<a class="menuSub" href="{X_SITEURL}modules/articles/index.php?cat_id=8"> E-Bulletins a>
div>
<a class="menuMain" href="javascript:showMenu('services');"> Services a>
<div id="services" style="display: none;">
<a class="menuSub" href="{X_SITEURL}modules/articles/article.php?id=19"> AJET Peer Support Group a>
<a class="menuSub" href="{X_SITEURL}modules/articles/article.php?id=21"> Teaching Awards a>
div>
<a class="menuMain" href="javascript:showMenu('faq');"> FAQs a>
<div id="faq" style="display: none;">
<a class="menuSub" href="{X_SITEURL}modules/articles/article.php?id=3"> Englisha>
<a class="menuSub" href="{X_SITEURL}modules/articles/article.php?id=37"> よくあるご質問 (日本語)
div>
<a class="menuMain" href="{X_SITEURL}modules/wfdownloads/"> Downloads a>
<a class="menuMain" href="{X_SITEURL}modules/weblinks/"> Web Linksa>
td>
tr>
tbody>
There you have it
a nice custom menu with expandable sub-links
hope it helps someone
ciao,
D.