PC Toledo

As vezes me encontro com a necessidade de exibir uma tabela. Sei que o tag Code não reformata a exibição, respeitando os espaços e os tabs que possam conter. Mas muitas vezes exibi-los com o tag Code, não fica muito ético, principalmente quando queremos mencionar com o tag Quote. Estive vendo um exemplo de BBCode que menciona que é possível colocar um tag Table. Como por exemplo:

&nbspLinha 1 - Célula 1&nbsp	&nbspLinha 1 - Coluna 2&nbsp	&nbspLinha 1 - Coluna 3&nbsp
&nbspLinha 2 - Coluna 1&nbsp	&nbspLinha 2 - Coluna 2&nbsp	&nbspLinha 2 - Coluna 3&nbsp

Ou então criar outra tag que exiba do mesmo forma que o tag code faz: sem re-formatação, com barra de rolagem mas sem número de linhas e com fundo cinza ou beige.

Também gostaria de poder contar com ~~teste~~ ou [strike]teste[/strike] (seria o riscado, as vezes útil quando queremos corrigir nossos textos sem ter que apagá-los). Como mostra figura abaixo:

: informatica3.png (7.09 KiB) Exibido 8400 vezes

Daria muito trabalho, Toledo ?

Obs.: Inclusive disponibilizei o link onde podem ter acesso aos BBCodes

Pablo, a tag [ s ] já está funcionando. ~~Exemplo~~

Agora a tag table eu vou ter que estudar uma maneira fácil de colocar ela em prática.

Abraços,

uhhh que beleza. Espero que para o table você consiga uma interface boa.

Obrigado Toledo ! Já vou corrigir aquela mensagem com o tachado, antes que a imagem venha a sumir com o tempo... rsrsrs

Pablo, a tag para montar uma Tabela já está disponível.

&nbspLinha 1 - Coluna 1&nbsp	&nbspLinha 1 - Coluna 2&nbsp	&nbspLinha 1 - Coluna 3&nbsp
&nbspLinha 2 - Coluna 1&nbsp	&nbspLinha 2 - Coluna 2&nbsp	&nbspLinha 2 - Coluna 3&nbsp

As tags são: [ tabela ], [ linha ] e [ coluna ]

Exemplo:

Código: Selecionar todos

[tabela]
[linha][coluna]Linha 1 - Coluna 1[/coluna][coluna]Linha 1 - Coluna 2[/coluna][coluna]Linha 1 - Coluna 3[/coluna][/linha]
[linha][coluna]Linha 2 - Coluna 1[/coluna][coluna]Linha 2 - Coluna 2[/coluna][coluna]Linha 2 - Coluna 3[/coluna][/linha]
[/tabela]

ou

Código: Selecionar todos

[table]
[tr][td]tr 1 - td 1[/td][td]tr 1 - td 2[/td][td]tr 1 - td 3[/td][/tr]
[tr][td]tr 2 - td 1[/td][td]tr 2 - td 2[/td][td]tr 2 - td 3[/td][/tr]
[/table]

Depois vou tentar fazer alguma coisa mais prática para montar a tabela (linhas e colunas).

Abraços,

Quê bom podemos contar com tabelas.... não vamos precisar preocupar-nos com tabulações nem alinhamentos...

Obrigado, Toledo !! Valeu !

Obs.:
- Re-editei a sua mensagem para que ficasse mais entendível a composição da tabela. Deu o mesmo efeito.
- Já aproveitei e reditei a minha mensagem com tabela, veja como ficou

Toledo escreveu:Pablo, a tag para montar uma Tabela já está disponível.
&nbspLinha 1 - Coluna 1&nbsp &nbspLinha 1 - Coluna 2&nbsp &nbspLinha 1 - Coluna 3&nbsp

&nbspLinha 2 - Coluna 1&nbsp &nbspLinha 2 - Coluna 2&nbsp &nbspLinha 2 - Coluna 3&nbsp
..//..
Depois vou tentar fazer alguma coisa mais prática para montar a tabela (linhas e colunas).

Minha sugestão é que seja feito do mesmo modo que é feito no Word, como a imagem seguir:

Imagem

Outra sugestão, Toledo: poderias manter as tags: table, tr e td ? Assim poderíamos manter o padrão php em outros fóruns.

Pablo, a intenção é fazer algo assim mesmo, podendo informar a quantidade de linhas e colunas. Mas ai já requer uma mudança maior, pois terei que fazer algo em javascript... então vai levar um tempo.

Agora sobre a tag da tabela, pode-se usar das duas maneiras.

Abraços,

Toledo, pesquisando na internet encontrei:

Free BBCode Table Generator - On line (Tem o email do autor, talvez possa ajudar)

Creating a Table in Javascript (Aqui tem código fonte mas falta a interface)

Outra idéia é utilizar o HMGSCRIPT que creio poder conseguir a interface e é js.

Pablo César escreveu:Outra sugestão, Toledo: poderias manter as tags: table, tr e td ? Assim poderíamos manter o padrão php em outros fóruns.
Toledo escreveu:Agora sobre a tag da tabela, pode-se usar das duas maneiras.

Testei o [ table ] e funcionou beleza, agora estou também disponibilizando no STRU a opção de colocar no cliboard em formato BBCodes-Tabela para funcionar aqui no fórum e em outros em PHP. Obrigado Toledo !

Quanto a fazer em js, você viu os fontes do HMGScript ? Tem a função Spinner que você precisa, só não sei se você pode adaptar com o teus fontes Toledo.

Enviado: **12 Nov 2012 23:31**

Pablo César escreveu:Minha sugestão é que seja feito do mesmo modo que é feito no Word, como a imagem seguir:

Toledo escreveu:Pablo, a intenção é fazer algo assim mesmo, podendo informar a quantidade de linhas e colunas. Mas ai já requer uma mudança maior, pois terei que fazer algo em javascript... então vai levar um tempo.

Toledo, Não encontrei algum código fonte que possa ser utilizado para compor essa tabela aqui no fórum. No entanto fiz um aplicativo para este fim, claro que DeskTop, mas pensou que poderá ajudar a muitos (como eu) que não tem muita familiaridade com os BBCodes. O programa chama-se TableMaker e pode ser baixado aqui.

Toledo, gostaria também de aproveitar (se não for muito complicado fazer). O "Table" tem duas sub-tags "tr" e "td" mas não possui o "th" que serve para diferenciar o que é cabeçalhos e linha normal. Pois seria muito útil, pois com o "th" além de deixar em negrito também centraliza o texto em cada célula do cabeçalho. Seria possível incluir mais isso ?

Enviado: **13 Nov 2012 09:00**

Pablo, muito interessante o programa TableMaker, com certeza será muito útil.

Inclui a tag [th], faça um teste é veja se deu certo!

Abraços,

Enviado: **13 Nov 2012 09:34**

Perfeito ! Obrigado, Toledo !

&nbspTeste 1&nbsp	&nbspTeste 2&nbsp	&nbspTeste 3&nbsp
&nbspAAAAAAAAAAAAA&nbsp	&nbspBBBBBBBBBBBBB&nbsp	&nbspCCCCCCCCC&nbsp
&nbspDDDDDDDDD&nbsp	&nbspEEEEEEEEEEE&nbsp	&nbspFFFFFFFFFF&nbsp
&nbspGGGGGGGGGGG&nbsp	&nbspHHHHHHHHHHH&nbsp	&nbspIIIIIIIIIIIIIII&nbsp

Eis em código como fica:

Código: Selecionar todos

[table]
[tr][th]Teste 1[/th][th]Teste 2[/th][th]Teste 3[/th][/tr]
[tr][td]AAAAAAAAAAAAA[/td][td]BBBBBBBBBBBBB[/td][td]CCCCCCCCC[/td][/tr]
[tr][td]DDDDDDDDD[/td][td]EEEEEEEEEEE[/td][td]FFFFFFFFFF[/td][/tr]
[tr][td]GGGGGGGGGGG[/td][td]HHHHHHHHHHH[/td][td]IIIIIIIIIIIIIII[/td][/tr]
[/table]

muito interessante o programa TableMaker, com certeza será muito útil

Só que ainda tem um erro o programa... não consigo descobrir o quê está causando isso. O erro (no TableMaker) dá quando tento gerar por segunda vez a tabela. Isso deve ser por causa do ActiveX que sobrecarrega quando executado mais de uma vez. Vou ver se consigo outra solução.

Enviado: **13 Nov 2012 13:09**

Já resolvi de uma outra forma. Deixei de utilizar o ActiveX e passei abrir o arquivo html no próprio navegador, bem más rápido e seguro. Até fiz um efeito de alternar janelas.

Estava pensando, se fosse compatível com o atual BB Code instalado e não fosse muito trabalhoso, alterar o tag
[ table ] para que aceitasse o parâmetro border="0" (sem bordas) e border="1" (com bordas) e que quando não informado assumisse border="1". Seria bom para suavizar a visualização de lista do tipo colunar e com bordas quando for uma tabela. Pode ser mestre ?

Enviado: **13 Nov 2012 20:53**

Pablo César escreveu:alterar o tag [ table ] para que aceitasse o parâmetro border="0" (sem bordas) e border="1" (com bordas)...

Pablo, dá para alterar sim, mas o parâmetro border terá que ser obrigatório.

Abraços,

Enviado: **14 Nov 2012 09:20**

Toledo escreveu:dá para alterar sim, mas o parâmetro border terá que ser obrigatório

Será que colocando mais essa opção irá dificultar ou compensaria pela opção a mais ?
Bom, na minha opinião, já que o fórum está com aumento de recursos de edição, se não for inconveniente para você, por mim tudo bem aplicar mais esse recurso. ]

O fórum do HMG, por exemplo, não suporta border= nem a sub-tag th, então irei deixar opcional a seleção de bordas e cabeçalho.

PC Toledo

BBCodes

BBCodes

BBCodes

BBCodes

BBCodes

BBCodes

BBCodes (Pendente de resposta)

BBCodes

BBCodes

BBCodes

BBCodes

BBCodes

BBCodes

BBCodes

BBCodes

BBCodes