BBcode - Spoiler

Criou um BBCode?
Compartilhe com a comunidade. Os créditos serão todos seu.
Meredeadmouir
Novato
Novato
Mensagens: 78
Registrado em: 18 Jun 2011, 18:12

BBcode - Spoiler

Mensagem por Meredeadmouir »

Descrição: Esta é o codigo da bbcode serve para ocultar e mostrar itens do seu forum.

BBCode:

Código: Selecionar todos

[Spoiler]{TEXT}[/Spoiler]
Html:

Código: Selecionar todos

<div style="margin:0px 0px 0px 0px">
<div class="smallfont" style="margin-bottom:0px">
<input type="button" value="Mostrar" style="width:75px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Esconder'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Mostrar'; }">
</div>
<div style="margin: 0px; padding: 0px; border: 0px inset;">
<div style="display: none;">
{TEXT}
</div>
</div>
Linha de Ajuda:

Código: Selecionar todos

Esconder texto: [Spoiler]Coloque o seu texto aqui[/Spoiler]
Demo ou Screen:

Imagem
xXLOVEMACHINEXx
Novato
Novato
Mensagens: 6
Registrado em: 16 Fev 2012, 12:08

Re: BBcode - Spoiler

Mensagem por xXLOVEMACHINEXx »

Obrigado por postar estava a procura de BBCode.
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Correção: BBcode - Spoiler

Mensagem por robra »

No Google Chrome 21.0, quando se clica no botão, o conteúdo escondido aparece mas o texto "Mostrar" dentro dele não muda para "Esconder". Já no Firefox 15.0 e no IE8 funciona normal.
Para que, nos 3 navegadores, o texto do botão mude de "Mostar" para "Esconder" ao ser clicado, e vice-versa, substitua o HTML da 1ª mensagem pelo conteúdo abaixo:

Código: Selecionar todos

<div style="margin:0px 0px 0px 0px">
<div class="smallfont" style="margin-bottom:0px">
<input type="button" value="Mostrar" style="width:75px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.value = 'Esconder'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar'; }">
</div>
<div style="margin: 0px; padding: 0px; border: 0px inset;">
<div style="display: none;">
{TEXT}
</div>
</div>
</div>
Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Maf3r0
Novato
Novato
Mensagens: 42
Registrado em: 24 Jun 2013, 19:44

Re: BBcode - Spoiler

Mensagem por Maf3r0 »

Estou tendo um problema com todos os spoilers que testei aqui. Vejam um exemplo:

Código: Selecionar todos

[spoiler]
Texto de exemplo com erro do spoiler.
Toda essa parte fará parte de um spoiler.
[Spoiler]Entretanto, essa última linha ficará em um sub-spoiler, dentro do principal.[/spoiler]
[/spoiler]
O resultado final do spoiler acima é esse:
Imagem

Observe no final que a última tag aparece fora do spoiler. E por conta disso não é gerado o sub-spoiler. Vejam:
Imagem

Se usar só um spoiler dá tudo certo, porém quando uso um sub-spoiler dentro de um outro dá esse erro.
É possível solucionar esse pequeno inconveniente?
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: BBcode - Spoiler

Mensagem por robra »

Maf3r0 escreveu:Estou tendo um problema com todos os spoilers que testei aqui. Vejam um exemplo:

Código: Selecionar todos

[spoiler]
Texto de exemplo com erro do spoiler.
Toda essa parte fará parte de um spoiler.
[Spoiler]Entretanto, essa última linha ficará em um sub-spoiler, dentro do principal.[/spoiler]
[/spoiler]
O resultado final do spoiler acima é esse:
Imagem

Observe no final que a última tag aparece fora do spoiler. E por conta disso não é gerado o sub-spoiler. Vejam:
Imagem

Se usar só um spoiler dá tudo certo, porém quando uso um sub-spoiler dentro de um outro dá esse erro.
É possível solucionar esse pequeno inconveniente?
Crie um novo tópico com o assunto "Sub-spoiler no BBcode Spoiler" e cole todo o conteúdo de sua mensagem anterior.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Responder