BBcode - Spoiler

[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:

[xXLOVEMACHINEXx]

Obrigado por postar estava a procura de BBCode.

[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.

[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:


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


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?

[robra]

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:


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


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.