Tabbed Table in Posts [library support]

[DarkPikachu]

do an index count of the tab IDs and address the proper index for it...
it's a tad slower, but it garuntees perfect usage quality

[Alanna 🥀🖤]

Just a note, Wormopolis, I also am looking for something like this for the tabs:

Instead of what it is like now: novamterram.boards.net/post/321

Attachments:

[Wormopolis]

v1.1.0 submitted to library
fading transitions option (though I might end up changing it to something else since table rows dont work so well)
squeeze tabs to left/center/right instead of evenly across
some better compatibility for IE7+
changed how tabs selection works to keep later tables from affecting previous page tables

[Alanna 🥀🖤]

Sept 8, 2013 20:57:28 GMT -8 Wormopolis said:

v1.1.0 submitted to library
fading transitions option (though I might end up changing it to something else since table rows dont work so well)
squeeze tabs to left/center/right instead of evenly across
some better compatibility for IE7+
changed how tabs selection works to keep later tables from affecting previous page tables

Perhaps options in the settings to edit the height and width of each tab? Also the spacing between them?

[DarkPikachu]

Sept 8, 2013 21:00:44 GMT -8 @khristian said:

Sept 8, 2013 20:57:28 GMT -8 Wormopolis said:

v1.1.0 submitted to library
fading transitions option (though I might end up changing it to something else since table rows dont work so well)
squeeze tabs to left/center/right instead of evenly across
some better compatibility for IE7+
changed how tabs selection works to keep later tables from affecting previous page tables

Perhaps options in the settings to edit the height and width of each tab? Also the spacing between them?

sounds like that'd have to be done via the CSS

[Alanna 🥀🖤]

Sept 8, 2013 22:28:10 GMT -8 DarkPikachu said:

Sept 8, 2013 21:00:44 GMT -8 @khristian said:

Perhaps options in the settings to edit the height and width of each tab? Also the spacing between them?

sounds like that'd have to be done via the CSS

I already tried that and it didn't work.

[DarkPikachu]

lol that's what I mean...
it's not implamented as a CSS option yet

curse my autism >_<

[Alanna 🥀🖤]

Ah, alright. I'll just be patient then... which is hard for me to do.

[Former Member]

I'm assuming CSS is needed to make the title of a tab an image (or it isn't possible), if it is CSS does anyone know what that would look like? And if it isn't possible, then no problem. =)

[Wormopolis]

not currently possible because it uses the name of the tab as the id for the hidden section. if you change the tab name to an image, the section has no id.

[Former Member]

Alright, thank you!

[DarkPikachu]

still having issues...
the tabs hide the content, and display only the first tab when the page loads (nothing selected)
for progress though, at least now all 3 tabs display. :3

here's my page:
tcll5850.proboards.com/thread/150/u8-bh64

I havn't updated the CSS yet so it still looks choppy.
but the results remain weather running in compatibility view or not.
do you have a compy with IE8 installed?? (nobody uses IE7 anymore)
(tell me I'm wrong please, cause that's my current info)


also... a nifty idea for your tabs:
you know my function list I have there
well, I want to use a tab area for each one (in time) and get rid of the mis-leading "inputs" tab area.

the idea is to fill a tab with referenced data for multiple tabs with the same content.
PTab.innerHTML = PRTab['name'].innerHTML
(where PRTab content is hidden)
^PRTab being the exact same as PTab with styling inputs and everything.

NOTE: I don't expect this by the next release as it's a complex feature.
it's only a useful idea

[Wormopolis]

if it allows a user to insert HTML directly to the page, then it wont be happening.

[Wormopolis]

Sept 9, 2013 20:50:31 GMT -8 DarkPikachu said:

still having issues...
the tabs hide the content, and display only the first tab when the page loads (nothing selected)
for progress though, at least now all 3 tabs display. :3

here's my page:
tcll5850.proboards.com/thread/150/u8-bh64

I havn't updated the CSS yet so it still looks choppy.
but the results remain weather running in compatibility view or not.
do you have a compy with IE8 installed?? (nobody uses IE7 anymore)
(tell me I'm wrong please, cause that's my current info)


also... a nifty idea for your tabs:
you know my function list I have there
well, I want to use a tab area for each one (in time) and get rid of the mis-leading "inputs" tab area.

the idea is to fill a tab with referenced data for multiple tabs with the same content.
PTab.innerHTML = PRTab['name'].innerHTML
(where PRTab content is hidden)
^PRTab being the exact same as PTab with styling inputs and everything.

NOTE: I don't expect this by the next release as it's a complex feature.
it's only a useful idea

It doesnt like that you have non-alphanumeric characters in there. you have what looks be variable declarations. so when the jQuery is trying to find an element with id="value=''" it comes back as an invalid id name.  the jQuery is already using single quotes as wrappers, so your single quotes are causing a runtime error.  put in just text and see if it works then.

and I used compatiblity mode in my IE9 to get IE7 to work, so I know it runs in that.  I had to rewrite all the match statements because older IE was breaking at linefeeds    

[Alanna 🥀🖤]

I'm curious if you are making progress with customizing the tabs?