BB Code Enhancements - BB Code [table]

BB Code [table]
by StGaensler

Description
This Hack provides a BB code [table] to add a table to the post
The skin of the table automatically fits the style because the CSS classes of vBulletin are used.

A table is simply made of some lines (will be the rows). The cols are seperated by |. So this will be a table:

[table="head"]head col1|head col2|head col3
row1 col1|row1 col2|row1 col3
row2 col1|row2 col2|row2 col3[/table]

A screenshot of a "ready" table is attached

Usage

1. install attached product XML through product manager (overwrite existing)
2. install at least one language pack in AdminCP -> Languages & Phrases -> Download / Upload Languages -> Import Language XML File
   Important: Select the language you want to import the phrases into, not "(Create New Language)" - this won't work! If you use another version of vBulletin than I use enable "Ignore Language Version" to import the language pack.

Please note: (installing)
Installing this product will: (reverted during uninstall)

1. rename a existing BB code "table" to "table_saved"
2. add a new BB code [table]

If you want to have live sortable columns (JavaScript): Download attached sorttable.js.txt rename it to sorttable.js and place it into the /clientscript/ folder of your vBulletin. Then go to AdminCP -> vBulletin Options -> BB Code [table] Settings -> Enabled Features Of This BB Code and enable sortable
Note: Including the file on the webpages where it is necessary is done by my product. So if sortable is disabled, it won't be included automatically.
If you want to have a icon for the editor you may use this for free: Download this icon and place it in your /images/editor/ folder.

Please note: (usage)

• Of course you can use vB Code and smilies inside the table!
• The first line defines how much columns are in the table. If the other lines have more or less colums they are cut off or filled with   (space)
• You can find a detailed description of the options (please read it before requesting help)
• Empty rows are (should be ) removed.

New features

• define colspan of cells
• small panel in AdminCP
• define CSS class of table and tablerows
• live sorting of table through clicking the head of a column
• defining maximum width of a table

Maybe planned features

• detailed description of the vB Code in misc.php?do=bbcode depending on the features enabled in AdminCP (planned for next beta version)
• define formatting (bold, italic), align (left, right, center) and width of the cols

Suggested but not planned features

• none

Known problems

• Bugfix of version 0.1.1 doesn't work if vBulletin should write template names into the source code

Version history:
0.0.1 - 0.0.5 internal releases for testing purposes (Thanks to Zombie79 from powerforen.de for testing)
0.1 first official release
0.1.1 fixed small bug: if a line ends with eg vbcode quote no new row was generated (should already have been fixed but did not work)
0.1.2 workaround: removed call to function bcmod(), it could also be done another way
0.1.3.x beta version described here (and following) - added admin panel, colpan and css feature
0.1.4 stable version - no significant changes to the last beta (0.1.3.8)
0.1.5.x beta version described here (and following) - added sortable, maxwidth, versioncheck, upgrade message, compatibility to vB 3.6
0.1.6 stable version - two bugfixes to last beta, {br} for posting linebreaks in a tablecell
0.1.7.x stable version - compatibility to vB 3.7 (description) - added tab seperated tables

This hack can be used for free. If you want to make a small donation, just contact me. We will find a way
I don't want this product to be distributed from other sources. Please don't upload it to other vBulletin related boards etc.

[Snake]

Thankies! :banana:

[mkdevo]

not working:

Fatal error: Call to undefined function: bcmod() in /home/www/xxxxxx/forum/includes/class_bbcode.php(149) : eval()'d code on line 329

[StGaensler]

Originally Posted by mkdevo

not working:

Fatal error: Call to undefined function: bcmod() in /home/www/xxxxxx/forum/includes/class_bbcode.php(149) : eval()'d code on line 329

Seems your php doesn't have libbcmath or wasn't compiled with --enable-bcmath - I will try to do a workaround.

Edit: Workaround done, new version is online

[mkdevo]

new version works for me! thanks again!!

[Hellcat]

Originally Posted by Darat

A good mod and I've installed it - but what do you mean by misused?

Well, tables are meant to display stacks of data.
But on most webpages they are used as layouting tool - you could do the same thing with this table BBCode in posts. That's what I was reffering to.

It wasn't meant negative!
More like "what else I can do with it"

[Darat]

Oh right - I didn't want to have this installed and find out someone could use it maliciously to disrupt the layout of the forum, I couldn't see how the could but thought I'd missed something.

[Hellcat]

Originally Posted by Darat

Oh right - I didn't want to have this installed and find out someone could use it maliciously to disrupt the layout of the forum, I couldn't see how the could but thought I'd missed something.

Huh?
I didn't say that.... :speechless:

I don't think it can be used maliciously to break the forum layout.... more like a nice "feature" to add some more formatting to a post like, lets say, a picture on the right and the text on the left of the picture, rather than just under it....
Just like it's common practice on web pages (even vB).

I didn't mean my comment negative.... sorry if it sounded so.... :ermm:

[GenSec]

It works. Thank you!

But is it a way to change table border style?

[StGaensler]

Originally Posted by GenSec

It works. Thank you!

But is it a way to change table border style?

Yes, that is possible through simple CSS:

/* format vBCode table */
table.stg_table {border:1px #0FF solid;}
table.stg_table thead tr {background:#000}
table.stg_table thead th {background:#FFF}
table.stg_table .alt1 {background:#F00;}
table.stg_table .alt2 {background:#0F0;}
table.stg_table td {border:1px #00F solid;}

I think you want to have the second line.
Put it into your css-definitions of your style.

[GenSec]

StGaensler
Grand mercy