Página 1 de 1

BBcode - Spoiler

Enviado: 02 Jul 2011, 05:42
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

Re: BBcode - Spoiler

Enviado: 22 Fev 2012, 20:04
por xXLOVEMACHINEXx
Obrigado por postar estava a procura de BBCode.

Correção: BBcode - Spoiler

Enviado: 22 Set 2012, 23:17
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

Re: BBcode - Spoiler

Enviado: 27 Jun 2013, 11:00
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?

Re: BBcode - Spoiler

Enviado: 27 Jun 2013, 15:01
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