Subforum Panel

Description. This is a Mod to make sub-forums appear in a small panel that can be toggled on and off. I just feel the Subforum Drop-down Menu mod is not enough so I have made this one. Select either one as your liking!!

1. The state of on/off is saved in cookies
2. Hierachy show for at most 2 level of sub-forums

Screenshot.


Step 1. Open:
forumhome_forumbit_level1_nopost
forumhome_forumbit_level1_post
forumhome_forumbit_level2_nopost
forumhome_forumbit_level2_post

Find:

<strong>$vbphrase[subforums]</strong>: $forum[subforums]

Replace with:

<!-- Subforum panel --------------------------------------->
<div onclick="toggleSubforumList($forum[forumid],true)" style="cursor:pointer;font-weight:bold;">$vbphrase[show_forum_list] &gt;&gt;</div>
<div id="$forum[forumid]" class="vbmenu_popup" style="display:none">

<table>
<tr>
<td>
$forum[subforums]
</td>
</tr>
</table>

<script type="text/javascript">
<!--
if(fetch_cookie($forum[forumid]) == 'Y')
{
toggleSubforumList($forum[forumid],false);
}
// -->
</script>

</div>
<!-- Subforum panel --------------------------------------->

Step 2. Open:
forumhome_subforumbit_nopost
forumhome_subforumbit_post

Replace the templates with:

<!-- Subforum panel --------------------------------------->
<if condition="$forum[depth] == '3'">
&nbsp; &nbsp;
</if>

<img class="inlineimg" src="$stylevar[imgdir_statusicon]/subforum_$forum[statusicon].gif" alt="" /> <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
<!-- Subforum panel --------------------------------------->

Step 3. Open:
forumhome_subforumseparator_nopost
forumhome_subforumseparator_post

Replace the templates with:

<!-- Subforum panel --------------------------------------->
<br />
<!-- Subforum panel --------------------------------------->

Step 4. Open:
Common Templates

Add to the bottom:

<script type="text/javascript">
function getItem(id)
{
	var itm = false;
	if(document.getElementById)
	itm = document.getElementById(id);
	else if(document.all)
	itm = document.all[id];
	else if(document.layers)
	itm = document.layers[id];
	
	return itm;
}

function toggleSubforumList(id,use_cookie)
{
	itm = getItem(id);
	
	if(!itm)
	return false;

	if(itm.style.display == 'none')
	{
		var expireDate = new Date();
		expireDate.setYear(expireDate.getFullYear()+1);
		itm.style.display = '';
		if (use_cookie) set_cookie(id,'Y',expireDate);
	}
	else
	{
		itm.style.display = 'none';
		if (use_cookie) delete_cookie(id);
	}

	return false;
}
</script>

Step 5. Add a phrase "show_forum_list", it maybe like: "Show forum list >>"

Caution. Some cookies will be generated when using this mod. The state of on/off is kept per-browser but not per-user. Non-cookie-enabled users cannot keep the state of on/off of the forum panel.

[yingzhou]

The Common Templates can be FORUMHOME or some thing else.

You can add that code in navbar template so this can be load in whole Forum.

[HaCaoChien]

When I click to "Show sub-forum >>" I expand sub-forum list but it go to the first sub-forum. Please help. Thanks

[JohnBee]

Hi I love this hack, but how can we make it look like yours(image)?
Although everything seems to work, my sub/subforums are not nested as your image displays