Bom dia, pessoal.
Fiz uma pequena alteração nesse BBcode adicionando a possibilidade de configurar a largura da tabela em porcentagem, e também três opções de estilo preconfiguradas. Mas com base nisso pode-se deixar configuráveis todos os itens que quiser seguindo o mesmo raciocínio.
BBCode:
HTML:
Código: Selecionar todos
<script language="Javascript">
var texto = '{TEXT}';
texto = texto.replace("\r\n","");
texto = texto.replace("<br>","");
texto = texto.replace(" ","");
var linha = new Array();
linha = texto.split('L=');
var largura = '70';
if ( ! isNaN('{INTTEXT1}') ) {
if ( parseInt({INTTEXT1},10) > 0 && parseInt({INTTEXT1},10) <=100 ) {
largura = '{INTTEXT1}';
}
}
var estilo = '';
var alinhamento = 'left';
if ( '{INTTEXT2}' == '1' || '{INTTEXT2}' == '2' )
{
estilo = ' style="background: #e0e0e0; font-size:11px; color:black; font-family: Verdana,Arial, Helvetica, sans-serif;"';
alinhamento = 'center';
}
var table = '<div align="' + alinhamento + '"><TABLE width=' + largura + '% cellpadding=1 cellspacing=1 border=0>';
for (var i=1; i<linha.length; i++)
{
table = table + '<TR>';
var coluna = new Array();
coluna = linha[i].split('&');
for (var j=0; j<coluna.length; j++)
{
if (i == 1 && '{INTTEXT2}' == '1')
{
table = table + '<TD align=center style="background: #000080; font-size:11px; color:white; font-family: Verdana,Arial, Helvetica, sans-serif;"><b>' + coluna[j].replace("amp;","") + '</b></TD>';
}
else
{
if ( '{INTTEXT2}' == '2' && i % 2 == 1 ) {
table = table + '<TD style="background: #d0d0d0; font-size:11px; color:black; font-family: Verdana,Arial, Helvetica, sans-serif;">' + coluna[j].replace("amp;","") + '</TD>';
} else {
table = table + '<TD' + estilo + '>' + coluna[j].replace("amp;","") + '</TD>';
}
}
}
table = table + '<TR>';
}
table = table + '</TABLE></div>';
document.write(table);
</script>
Parabéns ao autor desse BBcode. Muito bem bolado e bem automatizado.
A diferença no uso é que dentro dos colchetes da tag tabela deve haver mais duas informações. A primeira é um número, representando a porcentagem que vai definir a largura da tabela. O segundo valor de entrada é o número 0, 1 ou 2, representando o estilo escolhido.
Qualquer valor de porcentagem fora do intervalo entre 0 e 100 será aplicado 70%.
Qualquer valor de estilo a não ser 0, 1 ou 2, será considerado estilo 0.
As modificações estão abaixo. Vou usar os mesmos dados que o bbcode original para demonstrar as alterações.
=>Tabela 80% de largura, opção de layaout 0:
Uso das tags:
Código: Selecionar todos
[tabela 80 0]L=Nome&Nick&Sexo
L=Tiago&Sapporo&Masculino
L=Laura&Witch&Feminino
L=Cesar&Rasec&Masculino[/tabela]
:
Comentário:
Sem estilo. Para ser usado apenas como recurso de tabulação.
Essa opção coloca o alinhamento da tabela para a esquerda, e cada célula também para esquerda.
=> Tabela 80% de largura, opção de layout 1:
Uso das tags:
Código: Selecionar todos
[tabela 80 1]L=Nome&Nick&Sexo
L=Tiago&Sapporo&Masculino
L=Laura&Witch&Feminino
L=Cesar&Rasec&Masculino[/tabela]
:
Comentário:
Estilo de cabeçalho. Apenas a primeira linha é centralizada e ressaltada.
Essa opção coloca o alinhamento da tabela para o centro, e cada célula das demais linhas para a esquerda.
=> Tabela 80% de largura, opção de layout 2:
Uso das tags:
Código: Selecionar todos
[tabela 80 2]L=Nome&Nick&Sexo
L=Tiago&Sapporo&Masculino
L=Laura&Witch&Feminino
L=Cesar&Rasec&Masculino[/tabela]
:
Comentário:
Estilo de lista. Tabelas gerais sem cabeçalho, diferenciada por cores diferentes entre linhas.
Essa opção coloca o alinhamento da tabela para o centro, e cada célula também para a esquerda.
É minha primeira participação no fórum. Espero ter contribuído em retribuição ao conteúdo valioso que encontrei aqui neste fórum.
Se alguém tiver qualquer sugestão ou correção, fique à vontade para fazê-lo.
Um abraço.
