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

[dying4004]

bobster65: awesome mod bro. just changes the whole look of a forum with many catagories. i mean it looks so sleek. i have a prob though. small prob. when i click the 2nd or 3rd tab the status color of the tab doesnt switch. i mean clicking 2nd tab changes the content of the page but the tab1 still shows active. its a bit confusing u know. so cud u plz shed some light on this issue?? cheerz

[bobster65]

Originally Posted by dying4004

bobster65: awesome mod bro. just changes the whole look of a forum with many catagories. i mean it looks so sleek. i have a prob though. small prob. when i click the 2nd or 3rd tab the status color of the tab doesnt switch. i mean clicking 2nd tab changes the content of the page but the tab1 still shows active. its a bit confusing u know. so cud u plz shed some light on this issue?? cheerz

That is all controlled via the CSS file. Simply play around with color settings until you get the desired results.... If you find the file too confusing, just PM me the CSS file that you are using and I will try and help you out when I have time

[dying4004]

Originally Posted by bobster65

That is all controlled via the CSS file. Simply play around with color settings until you get the desired results.... If you find the file too confusing, just PM me the CSS file that you are using and I will try and help you out when I have time

thnx a lot for the reply bro. i will try to solve the prb by myself. but if i cant then i might take a precious time of urs to have a luk at my css. regards.

[karlm]

Nice, but now, my admin zone shows to guests - though the contents don't - but they shouldn't be able to see that.

[bobster65]

Originally Posted by karlm

Nice, but now, my admin zone shows to guests - though the contents don't - but they shouldn't be able to see that.

This is simple (and is explained in post #2) You can wrap a specific TAB <li> tag with a template conditional where the numbers after userinfo are the User Group IDs that you want to display the Tab too.

So for example if you wanted to hide one for Staff Only it would look like this (See the code in RED)

<div id="ajaxTFH" class="TFHmenu2">
	<ul>
		<li class="selected"><a href="tabforumhome.php?tabcat[]=1" rel="ajaxTFHcontentarea">TAB 1 NAME</a></li>
		<li><a href="tabforumhome.php?tabcat[]=1&tabcat[]=2" rel="ajaxTFHcontentarea">TAB 2 NAME</a></li>
		
                <if condition="is_member_of($vbulletin->userinfo, 5,6)">
                     <li><a href="tabforumhome.php?tabcat[]=100" rel="ajaxTFHcontentarea">STAFF</a></li>
                </if>

	</ul>
</div>

[bobster65]

Originally Posted by illithid

I searched this entire thread for any issues with javascript being used inside of the ajax tab view. Couldn't find what I was looking for.

Obviously, the problem is javascript is being suppressed by the ajax tab view. Is there a way to work around this?

Hey Bud.. good news (unfortunately, not for version 1.5 tho) .. With V2, you will be able to execute scripts both remote and inline during the dataSrc request

For In Line Javascript, The script tag will be executed when the tab is activated.

For Remote Javascript, you can load components dynamically during the tab loading process. You can dynamically load CSS for your component and have it injected into the current page style set. You'll then be able to create content on the fly using the script inline.

This actually solved a few of the major "bugs" that have been reported which means Version 2 took a major leap towards being released soon for beta testing...

[maidos]

any eta when 2.0 will get released?

[illithid]

Originally Posted by bobster65

Hey Bud.. good news (unfortunately, not for version 1.5 tho) .. With V2, you will be able to execute scripts both remote and inline during the dataSrc request

For In Line Javascript, The script tag will be executed when the tab is activated.

For Remote Javascript, you can load components dynamically during the tab loading process. You can dynamically load CSS for your component and have it injected into the current page style set. You'll then be able to create content on the fly using the script inline.

This actually solved a few of the major "bugs" that have been reported which means Version 2 took a major leap towards being released soon for beta testing...

Thanks so much, cause I got the #iframe method working, but the links open in the iframe....not very pretty at the moment. As for this fix fixing other issues, I am glad that I brought it your attention. I hope the release isn't much further away. Good work on this guys.

[bobster65]

Originally Posted by maidos

any eta when 2.0 will get released?

No. Getting closer to Beta Testing tho. Knocked out over 10 bugs last night alone by finding a new YUI Tab Component that works great with inline/external JS... Just hanf tight.. its a heck of a lot closer today than it was 12 hrs ago lol

Originally Posted by illithid

Thanks so much, cause I got the #iframe method working, but the links open in the iframe....not very pretty at the moment. As for this fix fixing other issues, I am glad that I brought it your attention. I hope the release isn't much further away. Good work on this guys.

Ya, I mentioned that it was not the ideal solution (rather ugly lol)..btw, not sure if the JS script that KK has on the Dev server is yours or not, but if it is, Its working fine on my own Server with version 2.0 running

And yes, thank you :up:

[ShawnV]

Originally Posted by bobster65

No. Getting closer to Beta Testing tho. Knocked out over 10 bugs last night alone by finding a new YUI Tab Component that works great with inline/external JS... Just hanf tight.. its a heck of a lot closer today than it was 12 hrs ago lol

Great news, waiting on 2.0 also, thanks for the update.

_V