Go Back   vb.org Archive > vBulletin Modifications > Archive > vB.org Archives > vBulletin 3.6 > vBulletin 3.6 Add-ons
Reload this Page Forum Display Enhancements - Load category by click
Register FAQ Community Calendar Today's Posts Search

Reply
Page 1 of 2 1 2
 
Thread Tools
Load category by click Details »»
Load category by click
Version: 1.00, by Lee Saker Lee Saker is offline
Developer Last Online: Nov 2007 Show Printable Version Email this Page
Category: Forum Display Enhancements - Version: 3.6.8 Rating:
Released: 10-08-2007 Last Update: Never Installs: 10
Template Edits
Is in Beta Stage  
No support by the author.

Simple demo: attachment

Install:
Add to bottom of template headinclude
Quote:
<script language="JavaScript1.3">
var panes = new Array();

function setupPanes(containerId, defaultTabId) {
// go through the DOM, find each tab-container
// set up the panes array with named panes
// find the max height, set tab-panes to that height
panes[containerId] = new Array();
var maxHeight = 0; var maxWidth = 0;
var container = document.getElementById(containerId);
var paneContainer = container.getElementsByTagName("div")[0];
var paneList = paneContainer.childNodes;
for (var i=0; i < paneList.length; i++ ) {
var pane = paneList[i];
if (pane.nodeType != 1) continue;
if (pane.offsetHeight > maxHeight) maxHeight = pane.offsetHeight;
if (pane.offsetWidth > maxWidth ) maxWidth = pane.offsetWidth;
panes[containerId][pane.id] = pane;
pane.style.display = "none";
}
paneContainer.style.height = maxHeight + "px";
paneContainer.style.width = maxWidth + "px";
document.getElementById(defaultTabId).onclick();
}

function showPane(paneId, activeTab) {
// make tab active class
// hide other panes (siblings)
// make pane visible

for (var con in panes) {
activeTab.blur();
activeTab.className = "tab-active";
if (panes[con][paneId] != null) { // tab and pane are members of this container
var pane = document.getElementById(paneId);
pane.style.display = "block";
var container = document.getElementById(con);
var tabs = container.getElementsByTagName("ul")[0];
var tabList = tabs.getElementsByTagName("a")
for (var i=0; i<tabList.length; i++ ) {
var tab = tabList[i];
if (tab != activeTab) tab.className = "tab-disabled";
}
for (var i in panes[con]) {
var pane = panes[con][i];
if (pane == undefined) continue;
if (pane.id == paneId) continue;
pane.style.display = "none"
}
}
}
return false;
}
</script>
Open template forumhome and search
Quote:
<body>
Replace with
Quote:
<body onload='setupPanes("containerx", "tabx");'>
x is no of category you want it is default
Search
Quote:
<!-- main -->
$forumbits
<!-- /main -->
Replace with
Quote:
<div id="containerx">
<ul class="tabs">
<li><a href="#" onClick="return showPane('x', this)" id="tabx">x</a></li>
<li><a href="#" onClick="return showPane('y', this)">y</a></li>
</ul>

<div class="tab-panes">

<!-- main -->
$forumbits
<!-- /main -->

</div>
</div>
y is no of yours categories
Search template forumhome_forumbit_level1_nopost, add on top
Quote:
<div id="$forumid">
Add on bottom
Quote:
</div>
Finish

Click Install if you like it

Supporters / CoAuthors

Show Your Support

  • If you like to thanks you by the author -> Click Thanks to the Author
  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #2  
Old 10-09-2007, 02:45 PM
jarod1981?'s Avatar
jarod1981? jarod1981? is offline
 
Join Date: Nov 2005
Posts: 77
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Oh very interesting...very thanks e congratulations ;-)

:up:
Reply With Quote
  #3  
Old 10-09-2007, 02:49 PM
Spank Spank is offline
 
Join Date: Jan 2007
Location: Scotland
Posts: 809
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
That's brill. Abit like the tabs on here only faster. Nice job.
Reply With Quote
  #4  
Old 10-09-2007, 03:03 PM
linhhon2003 linhhon2003 is offline
 
Join Date: Jan 2005
Posts: 55
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
i cant do it. need hide all of your forum?
Reply With Quote
  #5  
Old 10-09-2007, 04:06 PM
jasculs jasculs is offline
 
Join Date: Jun 2007
Posts: 217
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Once someone installs this on an English forum version can they please post a demo...Thanks
Reply With Quote
  #6  
Old 10-09-2007, 04:13 PM
jasculs jasculs is offline
 
Join Date: Jun 2007
Posts: 217
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Hey Lee Skater,

How can I get a similar forum layout like yours?
Reply With Quote
  #7  
Old 10-09-2007, 05:40 PM
Mecho's Avatar
Mecho Mecho is offline
 
Join Date: Aug 2006
Posts: 648
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
sry but i dont get it !? any english demo plz
Reply With Quote
  #8  
Old 10-09-2007, 08:21 PM
FreshFroot's Avatar
FreshFroot FreshFroot is offline
 
Join Date: Jul 2005
Posts: 770
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
this actually looks very interesting.. I will have a go at it, BTW I use a english forum.
Reply With Quote
  #9  
Old 10-09-2007, 08:23 PM
yoyoyoyo's Avatar
yoyoyoyo yoyoyoyo is offline
 
Join Date: Dec 2004
Location: USA
Posts: 1,612
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
I don't get it either - what am I supposed to be looking at?
Reply With Quote
  #10  
Old 10-10-2007, 12:08 AM
chickadee chickadee is offline
 
Join Date: Mar 2007
Posts: 59
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Has anyone got this working?
Reply With Quote
Reply
Page 1 of 2 1 2

« Previous Thread | Next Thread »

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 12:50 AM.

Contact Us - Archive - Privacy Statement - Top

Powered by vBulletin® Version 3.9.0
Copyright ©2000 - 2017, vBulletin Solutions Inc.