Tabbed Table in Posts [library support]

[Wormopolis]

what is in there now lets you squeeze them to a side or center. I dont have anywhere I can store specific tab sizes since the end of the tag is already being used for inline styling of the content area itself.

I do have a way to add in spaces though by squeezing empty cells between the tabs and having a variable that sets the width of the empty cells to set the spacing. I will put that in with the revision of the content areas so the fading works better. currently the fading is on the row itself, so IE doesnt like it. and when you fadeout and fadein, everything suddenly gets popped up. so I was going to change it to divs and use slideUp to hide the current area, then fadeIn the clicked area.

[Alanna 🥀🖤]

Sept 9, 2013 22:49:25 GMT -8 Wormopolis said:

what is in there now lets you squeeze them to a side or center. I dont have anywhere I can store specific tab sizes since the end of the tag is already being used for inline styling of the content area itself.

I do have a way to add in spaces though by squeezing empty cells between the tabs and having a variable that sets the width of the empty cells to set the spacing. I will put that in with the revision of the content areas so the fading works better. currently the fading is on the row itself, so IE doesnt like it. and when you fadeout and fadein, everything suddenly gets popped up. so I was going to change it to divs and use slideUp to hide the current area, then fadeIn the clicked area.

Alright, that sounds good to me. One question though, where I have the tabs now they aren't centering with the white table below horizontally and also I can't seem to get them to center vertically.

Also, when will all your changes and additions be able for download?

[Wormopolis]

are they always stuck to the left?

[Alanna 🥀🖤]

So far, yes.

[Wormopolis]

I just checked in 3 browsers and they are working for me. can I see the post?

[Alanna 🥀🖤]

novamterram.boards.net/thread/212/template-test

Edit: I managed to align the tabs how I wanted by surrounding the [PTabbedContent] in a

code and messing with margins but I also had to do do the same with each [PTab] and cancel out the margins I added on the [PTabbedContent] by adding margin-left:0px; because if you move the [PTabbedContent] over 10px to the right, the entire thing moves...

But anyways, the ONLY issues I have now is separating each tab so there is a space in between, the height of the tabs, and of course the same tab ID's messing with other posts.

[Wormopolis]

same id tabs should have been fixed. it doesnt search the whole page anymore.. it just searches the current table

[Former Member]

Yeah, I have several tables in one post with the same tab ID and it works perfectly. Just letting you know that bug was fixed. =)

[DarkPikachu]

Sept 9, 2013 22:37:04 GMT -8 Wormopolis said:

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    

oh ok, I thought it was converting everything to a string before setting it as an ID.

yes, they're variables with default values as pre-set in the functions.
(it's Python code, so I'm trying to show the defaults as simple as possible)


also
that "innerHTML" stuff was only for you to get the idea.
I'm not sure how you'll implament the usage, but like I said,
[PRTab=rname][/PRTab] is exactly the same as [PTab][/PTab]
(used before [PTabbedContent] and doesn't display anything alone)

you could reference it like:
[PTab=name ref=rname][/PTab]

or perhapse: (for mixed content)
[PTab=name]
*some content*
[PRTabCall=rname /]
[/PTab]

but that's just me... you have your own styles of implamentation...

[DarkPikachu]

alright it's working now, thanx
usage seems to be quite slower than expected, but that's ok.
(from what I was expecting, it's about 3 times slower)

I'm sure that'll improve in time
(maybe not, but it's still a good start)

[DarkPikachu]

well... I still can't seem to get rid of that spacing around the tabs. >_<
(nor even the black border around the entire thing)

also
I want to enable only the left and right borders around the tabs container.
(would be nice if I could disable the left or right borders when the farthest tab is selected)

I don't want the border going up and around the header container.

EDIT: >.>
I just noticed, it doesn't open the first tab by default...
was this known?? :/

[Alanna 🥀🖤]

Sept 10, 2013 3:58:01 GMT -8 DarkPikachu said:

well... I still can't seem to get rid of that spacing around the tabs. >_<
(nor even the black border around the entire thing)

also
I want to enable only the left and right borders around the tabs container.
(would be nice if I could disable the left or right borders when the farthest tab is selected)

I don't want the border going up and around the header container.

EDIT: >.>
I just noticed, it doesn't open the first tab by default...
was this known?? :/

For the border around the whole thing, put border:0px; in the closing code like so: [/PTabbedcontent={border:0px;}]

Wormopolis,
I updated my version of the plug-in but now they REALLY don't work... novamterram.boards.net/thread/212/template-tests

[Wormopolis]

remove the periods in the tab titles and see if that works.

Im trying to think of a way to reference the sections via the tab name but people keep putting weird things in there. Im waiting for at some point someone to put in entirely nothing but alt codes....

[Alanna 🥀🖤]

Sept 10, 2013 11:39:06 GMT -8 Wormopolis said:

remove the periods in the tab titles and see if that works.

Im trying to think of a way to reference the sections via the tab name but people keep putting weird things in there. Im waiting for at some point someone to put in entirely nothing but alt codes....

Okay, that did the trick... which is weird because it didn't mind the periods before.

[Wormopolis]

yeah I had to change things to try and get the fade stuff to work. I use jquery now to target the cells - mainly to fix the error you were getting where it was targetting tables with same tab names. in order to get around that, I had to target the same table with jquery.. and jquery doesnt like weird id names.

Im adding it to the list to try a different reference method, but it will mean if you have a tab named

LOL123.

and

LOL123,

they will refence the same section. unless I think of something else.


for now everyone just needs to stick to alphanumeric.