Multiple DTT Tables (Not a Plugin)

[JD]

Hi there,

aludium.proboards.com/

I've done this before and now can't remember the edit I need to do...

Do anyone know how to make this code work independently when used multiple times on one page? I'm using it for two different tabbed tables (and I want to do several more) but they are reacting to each other's tabs. I need them to work independently, so that clicking on the tabs of table two doesn't make the content box of table 1 collapse.

I'm sure that the solution before (which I now can't find for love nor money) was to change the DTT id, but you'll see from the code that I've tried this and it hasn't altogether worked. The second table won't flick between tables and the first table is collapsing when I try.

I'm not using the plugin because I'm using this code in conjunction with my board list template.

If anyone can help me work out how I need to change the IDs so that they work independently, this would be much appreciated.

Thanks,

[JD]

Apologies - I hadn't put the forum link in. It's there now.

[JD]

Bump - help please!

[JD]

bump

[Tumbleweed]

JD ,

You'd have to change all the classes and id's in both the css and javascript to get a second one to work. Plus, that code is outdated as it uses classes from the old V4 version of ProBoards. Is it because of the cookies remembering which tab you had opened that you like?

I could write you up a tabbed table like that but I can't write the cookies bit that would remember which tab you have open.

On a side note, I found this great tabbed table that just uses css, with memory, but the code author requires you donate if you use the code but it too would need the classes changed for a each new table. Even if I wrote you a new tabbed table you'd still probably have to change all id's/class on each new one you do.

[JD]

Hey - either option sounds great at this point. I don't mind having to change all the IDs and Classes - I just don't know Java so I would need someone to show me EXACTLY what I'm changing in both the Java and the HTML/CSS.

If you don't mind writing me something, I don't mind it not having the memory thing in it. Otherwise, if you're busy, please feel free to point me towards the guy I donate to and I can have a look into whether or not that's an option.

Many thanks for the reply! Let me know!

[Kami]

as a heads up -"java" is not short for "javascript", it's an entirely separate, totally different language. asking or referring to java when you mean javascript will not yield the results you want! "js" is the commonly accepted abbreviation as it is the file extension on javascript files (filename.js).

[JD]

Oh thanks Kami! Whoops! Sorry, Totally don't know JS OR Java apparently. Sorry for any confusion folks!

[Tumbleweed]

JD ,

Just wanted you to know I kind of forgot about this for a few days. First, do you still need this and if so,  are these tables to be used in a "custom page" or inserted in a template or the headers footers? And just to be certain, all the tabbed tables will be located on one page, correct?

Made a very simple tabbed table easy to edit and add as many tables as you want. I have two tabbed tables currently here: Test Site

[JD]

May 16, 2017 12:04:34 GMT -8 Tumbleweed said:

JD ,

Just wanted you to know I kind of forgot about this for a few days. First, do you still need this and if so,  are these tables to be used in a "custom page" or inserted in a template or the headers footers? And just to be certain, all the tabbed tables will be located on one page, correct?

Made a very simple tabbed table easy to edit and add as many tables as you want. I have two tabbed tables currently here: Test Site

Hi Tumbleweed,

Many thanks for your response. Apologies for not getting back to you sooner - was away on assignment for a while. Yes, I am still interested in this code as I'm working on a forum long-term.

It would be used in a layout template for the home page, as the content in the tabbed boxes are the boards of the forum, and yes, for that same reason, all of the tabbed tables are going to be on the same page.

I can't see a tabbed table on the link provided but I'm guessing that you took it down because it took so long for me to respond - apologies again! - if you still have the code, I'd be very interested in seeing it!!

Many thanks for any help you can still give me on this one...

[JD]

If it helps, this is the layout I was hoping to create... Apologies for how rubbish the image is - I made it on Paint...

[Tumbleweed]

Jul 3, 2017 5:19:30 GMT -8 JD said:

If it helps, this is the layout I was hoping to create... Apologies for how rubbish the image is - I made it on Paint...

Thanks, that does help. And yep, I changed to a different default theme as I was helping other members with various things when I didn't hear back from you. I currently am redoing a template for another member so as soon as I have that done, I'll go searching on which theme I had that that and get the code to you asap. I'll redo the coding so it looks more like what you have in your paint drawing which is perfectly fine and did the jobs as intended.

[JD]

Jul 3, 2017 8:26:44 GMT -8 Tumbleweed said:

Jul 3, 2017 5:19:30 GMT -8 JD said:

If it helps, this is the layout I was hoping to create... Apologies for how rubbish the image is - I made it on Paint...

Thanks, that does help. And yep, I changed to a different default theme as I was helping other members with various things when I didn't hear back from you. I currently am redoing a template for another member so as soon as I have that done, I'll go searching on which theme I had that that and get the code to you asap. I'll redo the coding so it looks more like what you have in your paint drawing which is perfectly fine and did the jobs as intended.

Oh that's awesome! Thank you so much Tumbleweed! Once again, sorry for the delay and thanks for still helping out. Looking forward to seeing it!

[Tumbleweed]

Jul 3, 2017 8:34:46 GMT -8 JD said:

Jul 3, 2017 8:26:44 GMT -8 Tumbleweed said:

Thanks, that does help. And yep, I changed to a different default theme as I was helping other members with various things when I didn't hear back from you. I currently am redoing a template for another member so as soon as I have that done, I'll go searching on which theme I had that that and get the code to you asap. I'll redo the coding so it looks more like what you have in your paint drawing which is perfectly fine and did the jobs as intended.

Oh that's awesome! Thank you so much Tumbleweed! Once again, sorry for the delay and thanks for still helping out. Looking forward to seeing it!

O.K. So I admit I didn't look closely at your drawing but just saw you had a drawing and that always helps a lot. But now that I have a few minutes, I took a closer look and this layout is totally not what I expected and I'm not sure if I know how to do this since it includes boards showing in tabs and sub-boards. Is my thinking correct that you want a board to show when you click a tab? If that is what you meant, I'll think about this and see if I can come up with something and sorry if I got your hopes up. I'll let you know in the next day or so if I think I can do this but I'm hoping you'll clarify whether this is what you want or not. 

(BTW, I found the theme I had those tabbed tables on and have that theme set to default now. putteraroundviii.proboards.com/  )

Just wanted to add, while I'm thinking about this and if you meant you want the tabs to switch boards,  have you considered the collapsible categories plugin? 

support.proboards.com/thread/429348/collapsible-categories

[JD]

Hey Tumbleweed,

Yeah it has boards in it - that bit I've managed to get working myself though (http://aludium.proboards.com/) so I'm gonna have a fiddle with the code you currently have up on the site. I might be able to make it work with what I already have on there...

Many thanks for your help so far! I'll let you know how I get on!