The Arcive of Official vBulletin Modifications Site.

[AJAX] Tabbed Forum Home · **Released**: 04-09-2008

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

OsideRida06 · #**472** 06-28-2008, 04:43 PM

Yeah. Look at my sig. Select the "Ajax Tabbed" skin. I just restored all defaults to IE. Now the tabs works. But not all java. Some java script in my profiles are not working.

I does not have anything to do with the code. I think its just my IE for some reason.

The little loading icon that shows when the tabs are being pulled shows red X for me. But no one else as well still. Even now that the tabs work. I think that has to do with my settings some how. The same reason my edit profile fields are not working in profiles I believe.

bobster65 · #**473** 06-28-2008, 05:14 PM

Quote:

Originally Posted by OsideRida06

Yeah. Look at my sig. Select the "Ajax Tabbed" skin. I just restored all defaults to IE. Now the tabs works. But not all java. Some java script in my profiles are not working.

I does not have anything to do with the code. I think its just my IE for some reason.

The little loading icon that shows when the tabs are being pulled shows red X for me. But no one else as well still. Even now that the tabs work. I think that has to do with my settings some how. The same reason my edit profile fields are not working in profiles I believe.

ok... I'll check it out..

as far as the loading icon, IE isn't finding it, so edit the ajaxtabs.js file and right near the top of the file is the path to the loading.gif ... edit that to the correct path (you can use the full URL if neccessary)

OsideRida06 · #**474** 06-28-2008, 05:59 PM

Quote:

Originally Posted by bobster65

as far as the IE... Im not a CSS expert by any means lol .. I think its an issue with using both DIVs and Tables ... for some reason IE doesn't like that and thus creates a space (and FF doesn't care so it displays correct in FF)... I'll see if I can come up with something that works with that particular Tab CSS ...

Any luck with this yet? It is drving me crazy having the Ajax tabs, but not being able to release it to the public due to that little space there.

Quote:

Originally Posted by bobster65

ok... I'll check it out..

as far as the loading icon, IE isn't finding it, so edit the ajaxtabs.js file and right near the top of the file is the path to the loading.gif ... edit that to the correct path (you can use the full URL if neccessary)

Yelp, it shows now.

bobster65 · #**475** 06-28-2008, 06:17 PM

Quote:

Originally Posted by OsideRida06

Any luck with this yet? It is drving me crazy having the Ajax tabs, but not being able to release it to the public due to that little space there.

Yelp, it shows now.

Nope, can't get it to do the same thing... trying to replicate it, but its displaying fine for me in IE....

blanky · #**476** 06-28-2008, 10:54 PM

Hi, I installed this mod just like the instructions said ( I re-checked everything..) but for some reason, I am getting the same error karnevil is getting on this post

The problem is, I am only getting vertical bulleted links that point to a category. When clicked, it goes to a new page and the style is broken..

Here is a picture of my problems

Any help would be greatly appreciated!

bobster65 · #**477** 06-29-2008, 12:02 AM

Quote:

Originally Posted by blanky

Hi, I installed this mod just like the instructions said ( I re-checked everything..) but for some reason, I am getting the same error karnevil is getting on this post

The problem is, I am only getting vertical bulleted links that point to a category. When clicked, it goes to a new page and the style is broken..

Here is a picture of my problems

Any help would be greatly appreciated!

Its not finding the .css file .. edit the FORUMHOME template and in the <head> area are 2 lines calling the css file and the js file... put the full URL ie

Code:

http://www.yoursite.com/forums/clientscrript/tabs/ajaxtabs.css

That will solve your problem ..

Scamorz · #**478** 06-29-2008, 06:36 PM

Quote:

Originally Posted by OsideRida06

Any luck with this yet? It is drving me crazy having the Ajax tabs, but not being able to release it to the public due to that little space there.

Osiderida try to make like me:
i deleted <br style="clear: left" /> and now the layout in IE6 is ok! There's no spacing in IE.

pcoskat · #**479** 06-29-2008, 10:46 PM

I think I have to have this

bobster65 · #**480** 06-30-2008, 12:24 AM

Quote:

Originally Posted by pcoskat

I think I have to have this

Ask and you shall receive

btw, nice site

mr.reza · #**481** 06-30-2008, 04:52 AM

Quote:

Originally Posted by bobster65

Its not finding the .css file .. edit the FORUMHOME template and in the <head> area are 2 lines calling the css file and the js file... put the full URL ie

Code:

http://www.yoursite.com/forums/clientscrript/tabs/ajaxtabs.css

That will solve your problem ..

I've same problem and i did what you say but there is no success and nothing changed

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06200 seconds Memory Usage 2,347KB 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 (2)bbcode_code (8)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 (4)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 (4)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
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!