Tabbed Categories

[Boy_Wonder]

A query I've just got when I upgraded to a domain - however one member has said its been happening for a while. The selecty thingy that tells it which category to load default isn't working.

Any help fixing that? ((I mean in the code that point you select as 'default' tab to load))

[Shorty]

Errr. I don't know why that would happen. You mean the part where you have to edit the two red numbers?

[Boy_Wonder]

Yes that part. Sorry I'm really bad at describing it


<div id="tabMain">
<table width="55%" class="tabbedcategories" style="position: fixed; bottom: 40px; left: 30px; height: 45px; border: 0px none;">
<tr>
{foreach $[category]}
<td class="tabbedtd" id="tab$[category.id]">
<a style="text-decoration: none;">
   <div width="100%" height="100%" style="font-size: 12px !important;">
$[category.name]
</div>
</a>
</td>
{/foreach}
</tr>
</table>
</div>

<script>
$(document).ready(function() {
$('td.tabbedtd').click(function() {
$('td.tabbedtdactive').removeClass('tabbedtdactive').addClass('tabbedtd');
$(this).removeClass('tabbedtd').addClass('tabbedtdactive');
var catid = $(this).attr('id').split('tab')[1];
$('div.container.boards.tabbedcatsdiv').hide();
$('div.container.boards.'+catid+'.tabbedcatsdiv').show();
localStorage.setItem('tabcats',catid);
});
if(localStorage.getItem('tabcats') != undefined) {
var catId = localStorage.getItem('tabcats');
$('div.container.boards.tabbedcatsdiv').hide();
$('div.container.boards.'+catId+'.tabbedcatsdiv').show();
$('td.tabbedtd#tab'+catId).removeClass('tabbedtd').addClass('tabbedtdactive');
}
else if(localStorage.getItem('tabcats') == undefined) {
$('div.container.boards.tabbedcatsdiv').hide();
   $('div.container.boards.1.tabbedcatsdiv').show();
$('td.tabbedtd#tab1').removeClass('tabbedtd').addClass('tabbedtdactive');
}
});
</script>

<div id="tabmain2">
{foreach $[category]}
$[category.anchor]
<div class="container boards $[category.id] tabbedcatsdiv">
<div class="content cap-bottom">
$[category.board_list]
</div>
</div>
{/foreach}
</div>


That's the full code I use

[Shorty]

copy/paste from the original post and tell me if that fixes it.

Also the default tab is only if they haven't left the page after selecting something. The default tab is only for if they are new to the forum or they clear their cache, cookies, etc.

[Boy_Wonder]

All of it or just the script? Because I've got a lot of modifications on it to allow it to show how I need?

[Shorty]

Just the script. And read my update in my previous post.

[Boy_Wonder]

Okay - and I get that but literally when I was checking it out in firefox (where I don't browse often) it was showing 'nadda') -goes to update script-. Once a category tab was selected it was shown normally and worked normally

[Shorty]

Ah alright. Well i let me know how the new script works for ya.

[Boy_Wonder]

It seems to be working now - however I don't quite get how the id has changed from 1 to 2 for categories but

[Shorty]

I don't control the id's of the boards so I can't help ya there. And I'm glad you got it.

[Boy_Wonder]

Someone else has given me another strange glitch. But I don't know if it's to do with their laptop or anything or a code issue



As you can see the first two tabs are... gone. Help?

[lillyandrew]

Nice thanks.

[[renz]]

how do i make it so the categories cut off at a certain point?
i only want it to go three across, but right now it's split perfectly even with six on top and six on bottom
but again, i want it to be three on top and then three rows below

[Hakushi]

Is there a way to replace the category words with images?

[markaew]

I understand this is an old thread but I tried the tabs and I love them!!

My problem is only the first two categories will link to my boards. The rest go no where.