Go Back   vb.org Archive > vBulletin Modifications > vBulletin 3.8 Modifications > vBulletin 3.8 Add-ons
FAQ Community Calendar Today's Posts Search

 
 
Thread Tools
[AJAX] Tabbed Forum Home Details »»
[AJAX] Tabbed Forum Home
Version: 1.5.0, by bobster65 bobster65 is offline
Developer Last Online: Nov 2023 Show Printable Version Email this Page

Category: Forum Home Enhancements - Version: 3.8.x Rating:
Released: 04-09-2008 Last Update: 09-02-2008 Installs: 592
Template Edits
Code Changes Additional Files Translations  
No support by the author.

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

Download Now

File Type: zip Tab Forum Home 1.01.zip (22.7 KB, 3409 views)
File Type: zip AJAX Tab Forum Home 1.5.zip (13.8 KB, 4632 views)
File Type: xml tfh-wol-plugins.xml (855 Bytes, 1845 views)

Supporters / CoAuthors

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #1662  
Old 10-16-2009, 10:15 PM
cbiweb cbiweb is offline
 
Join Date: May 2004
Location: Nova Scotia, Canada
Posts: 238
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by cbiweb View Post
...would like to have a default tab selected when the page loads. I see instructions for v1.01, is there way to do the same thing in 1.5.0?
Quote:
Originally Posted by bobster65 View Post
ya, use the "selected" calls on the specific li tag
Quote:
Originally Posted by cbiweb View Post
...doesn't seem to be working... I've made sure that only the tab I want selected has the call. Here's the code from my template:

Code:
<div id="ajaxTFH" class="TFHmenu2">
    <ul>
        <li><a href="/tabforumhome.php?tabcat[]=12" rel="ajaxTFHcontentarea">THE LOBBY</a></li>
        <li class="selected"><a href="/tabforumhome.php?tabcat[]=60" rel="ajaxTFHcontentarea">TECH SUPPORT</a></li>
        <li><a href="/tabforumhome.php?tabcat[]=117&tabcat[]=33&tabcat[]=93&tabcat[]=56" rel="ajaxTFHcontentarea">TECH TALK</a></li>
        <li><a href="/tabforumhome.php?tabcat[]=4&tabcat[]=146" rel="ajaxTFHcontentarea">GENERAL DISCUSSION</a></li>
        <li><a href="/tabforumhome.php?tabcat[]=7&tabcat[]=8&tabcat[]=10" rel="ajaxTFHcontentarea">STAFF</a></li>
    </ul>
</div>
I want the Tech Support tab to be default on page load, but it's not, it just stays on whatever tab was last used.
Quote:
Originally Posted by bobster65 View Post
That looks correct .. did you try and flip flop the 2 li lines (lobby and Tech support) so that the selected is the first tab (just to make sure that is working)
Quote:
Originally Posted by cbiweb View Post
Just tried flip flopping the tabs, and they changed places as expected, but the "selected" didn't do its thing.
Quote:
Originally Posted by bobster65 View Post
That's weird... I'll have to dig into it and see if I can replicate the problem and then recommend a solution..



Did you find anything on this? It still does not work for me.
Reply With Quote
  #1663  
Old 10-17-2009, 02:21 PM
bobster65's Avatar
bobster65 bobster65 is offline
 
Join Date: Mar 2006
Location: Montana
Posts: 1,169
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by cbiweb View Post
Did you find anything on this? It still does not work for me.
to be honest, no, I have not.. I've been concentrating on v2 and prepping a version for vB4
Reply With Quote
  #1664  
Old 10-17-2009, 11:46 PM
writerkimba writerkimba is offline
 
Join Date: Sep 2009
Posts: 11
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I've just installed this and think it's a great idea! However, when I worked out my tabs, I have these white spaces between each category. How do I get rid of them? Thanks in advance.
Attached Images
File Type: jpg forum.jpg (46.9 KB, 0 views)
Reply With Quote
  #1665  
Old 10-18-2009, 01:50 AM
ChopSuey ChopSuey is offline
 
Join Date: Jun 2009
Location: Alaska
Posts: 2,140
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thats probably from the modification, seperate forum categories. Might want to disable it if you have tabs
Reply With Quote
  #1666  
Old 10-18-2009, 02:06 AM
writerkimba writerkimba is offline
 
Join Date: Sep 2009
Posts: 11
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Err ... disable what exactly?

If someone can point me in the right direction of getting rid of the whitespace, it'll be greatly appreciated!
Reply With Quote
  #1667  
Old 10-18-2009, 02:13 AM
writerkimba writerkimba is offline
 
Join Date: Sep 2009
Posts: 11
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Nevermind. I've worked it out!

I have one question though. Is it at all possible to set it so that different tabs can only be seen by certain usergroups?
Reply With Quote
  #1668  
Old 10-18-2009, 09:58 AM
cbiweb cbiweb is offline
 
Join Date: May 2004
Location: Nova Scotia, Canada
Posts: 238
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

The second post in this thread explains how to do that.
Reply With Quote
  #1669  
Old 10-22-2009, 08:36 AM
purrtypaws purrtypaws is offline
 
Join Date: Oct 2009
Posts: 5
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Hi there, I havent read the whole thread so I'm not sure if this problem has been covered... my problem...

not sure what Ive done wrong, any help would be most appreciated

error2 is the forum home, error3 is when i press 'rural' link.
Attached Images
File Type: jpg error2.JPG (16.6 KB, 0 views)
File Type: jpg error3.JPG (9.1 KB, 0 views)
Reply With Quote
  #1670  
Old 10-22-2009, 10:39 AM
cbiweb cbiweb is offline
 
Join Date: May 2004
Location: Nova Scotia, Canada
Posts: 238
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Remove the forward slashes in the FORUMHOME template that I've highlighted in red below:

Code:
<!-- Tabbed Forum Home Header Code -->    
    <link rel="stylesheet" type="text/css" href="/clientscript/tabs/ajaxtabs.css" /> 
    <script type="text/javascript" src="/clientscript/tabs/ajaxtabs.js"> </script>
<!-- /Tabbed Forum Home Header Code -->
That should do the trick.


Also, you will need to go to clientscript > tabs > ajaxtab.js , and remove the forward slash in this section of code:
Code:
var ddajaxtabssettings={}
ddajaxtabssettings.bustcachevar=1  //bust potential caching of external pages after initial request? (1=yes, 0=no)
ddajaxtabssettings.loadstatustext="<img src='/clientscript/tabs/loading.gif' /> Requesting content..."
This will make the animated loading image appear when you click a tab.
Reply With Quote
  #1671  
Old 10-22-2009, 11:45 AM
purrtypaws purrtypaws is offline
 
Join Date: Oct 2009
Posts: 5
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

thank you cbi, you're a star!

is it possible to show the forums too or just the catagories?
Reply With Quote
 


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 05:47 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.07284 seconds
  • Memory Usage 2,352KB
  • Queries Executed 27 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (3)bbcode_code
  • (7)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (3)pagenav_pagelinkrel
  • (11)post_thanks_box
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (6)postbit_attachment
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete