Forum Home Enhancements - [AJAX] Tabbed Forum Home

Tabbed Forum Home version 1.01

[AJAX] Tabbed Forum Home version 1.5.0 (BETA)

NOTE: Works with both 3.7x and 3.6x

Description: This MOD is for creating a "Tabbed" Forum Home Page to have Categories displayed within Tab containers (similar to what the new Profile System looks like on vb3.7). Please do not confuse this with the Tab Menu System here at vbulletin.org. They are totally different systems. These Tabs actually switch the content without leaving the main forums page.

I wrote the initial Non AJAX version based on reading many requests from members asking about how namepros created their custom tabbed forum home page. The first implementation I did was a request by bbwforums.net (which you can visit to see a working example). I have shared this version with many members already and decided to release it since it seems to be something that a lot of members are interested in.

UPDATE: I have released a BETA [AJAX] version for those that what something a little more robust and easier to install/configure. This Beta version will never go into production tho as version 2.0 will utilize the YUI AJAX Tabview Toolset. It IS stable tho and is currently running on a few live sites.

NOTE: Keep in mind, I wrote this with the assumption that you are fairly well versed and comfortable with editing files/templates and following the flow of things. If there is something you don't understand, PLEASE let me know so that I can help you understand it. This IS NOT a product that a novice can just plug and play and it takes a little bit of time to setup, but its well worth it in the end (if you want a custom unique look to your forum home page)... the next version (Don't ask when, cause its just on the drawing board) will be a product with ACP controls for easy setup

The attached Zip File(s) contain the Files and Instructions necessary to install each version.

DEMO: www.bbwforums.net or www.namepros.com
[Moderator Edit: The first URL has been un-linked as there has been reported malware on that domain. The mod author may edit this notice once the situation has been cleaned.]

Screen Shots: None, visit one or both of the above links as seeing them in action is better than some static image(s)..

Bobster

Change Log

version 1.01 -
tabcontent.js ver 2.2 to support remote links
updated install instructions (both in txt and rtf format)

version 1.5.0 -
BETA [AJAX] version

July 8, 2008 - Added xml file for WOL
Sep 2, 2008 - Updated xml file for WOL

[Cobra-J82]

No I dont, I was commenting on the posted pics by the mod.

[heXagon]

I wonder how I can fix the issue, that if there is no Javascript enabled (e.g. NoScript in use), how there can the forums be shown, without the actual tabbing. Any ideas? Or is it solved already? Using 1.5 AJAX'ed version.

[CHIPIT]

Originally Posted by heXagon

I wonder how I can fix the issue, that if there is no Javascript enabled (e.g. NoScript in use), how there can the forums be shown, without the actual tabbing. Any ideas? Or is it solved already? Using 1.5 AJAX'ed version.

I've done this by loading the forums the regular way, along with the ajax tabbed version, wrapping each in a separate div with the ajax by default being set to hidden, and then using javascript to change the ajax's div to visible and the regular version to be hidden. If this isn't fixed in v2.0 then I could see about posting instructions...

[Magnumutz]

You could do it now... 2.0 might take a while longer...

[SteamyLightning]

Originally Posted by CHIPIT

I've done this by loading the forums the regular way, along with the ajax tabbed version, wrapping each in a separate div with the ajax by default being set to hidden, and then using javascript to change the ajax's div to visible and the regular version to be hidden. If this isn't fixed in v2.0 then I could see about posting instructions...

Yes, please do post instructions.

[wmlvb]

Originally Posted by King Kovifor

Only 3 people have v2.0: Me, Bree, and Bob. And once directions are written, it will be rereleased into the wild.

King,

I have tried to contact you via PM for service for editing my ajax tabs content and also help with customizing the new ajax forumns for my site! Could you please PM me when you get a chance? Thanks

[CHIPIT]

OK, to get the forums to display without javascript...

1) Open your modified FORUMHOME template

2) Find

<!-- Tabbed Forum Home -->

and below it put

<div id="show" style="display:none">

3) Find

<!-- /Tabbed Forum Home  -->

and above it put

</div>

4) Find

<!-- /main -->

and above it put

<div id="hide">
$forumbits
$forumhome_markread_script
</div>

5) Below

<!-- /main -->

put

<script type="text/javascript">
                   function showelement(element) {
            if (document.getElementById) {
                document.getElementById(element).style.display = 'block';
            }
            else {
                if (document.layers) {
                    document.element.display = 'block';
                }
                else {
                    document.all.element.style.display = 'block';
                }
            }
        }
        function hideelement(element) {
            if (document.getElementById) {
                document.getElementById(element).style.display = 'none';
            }
            else {
                if (document.layers) {
                    document.element.display = 'none';
                }
                else {
                    document.all.element.style.display = 'none';
                }
            }
        }

showelement('show');
hideelement('hide');
</script>

6) Go to ACP > Styles and Templates > Template Manager > Edit Templates > forumhome > forumhome_level1_nopost and change the conditional to:

<if condition="(THIS_SCRIPT == 'tabforumhome' AND in_array($forum['forumid'], $GLOBALS[tabcats])) OR THIS_SCRIPT == 'forumdisplay' OR THIS_SCRIPT == 'index'">

This is for the AJAX 1.5 version, though it can be changed to work with v1.0.1. If it doesn't work then double check you did everything right. This is unsupported. Please note doing this will load your forums the regular way along side the ajax version, even if you have javascript enabled, but the regular display will be hidden with javascript.

[King Kovifor]

Originally Posted by wmlvb

King,

I have tried to contact you via PM for service for editing my ajax tabs content and also help with customizing the new ajax forumns for my site! Could you please PM me when you get a chance? Thanks

I have not received a PM, but I don't do custom work. Bob does though, you might want to try him.

[heXagon]

There need to be changes done to forumhome_forumbit_level1_post / forumhome_forumbit_level1_nopost too, for this to work. Any ideas on that?

[CHIPIT]

Originally Posted by heXagon

There need to be changes done to forumhome_forumbit_level1_post / forumhome_forumbit_level1_nopost too, for this to work. Any ideas on that?

Fixed, sorry. Seems to work with editing forumhome_level1_nopost only, however if you still encounter any trouble apply step 6 to forumhome_level1_post too.