Criou um BBCode?
Compartilhe com a comunidade. Os créditos serão todos seu.
By Meredeadmouir
Posts
#268303
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
By robra
#283760
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
By Maf3r0
Posts
#288300
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?
By robra
#288302
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
Configuração de Permissão

ACP > aba Geral > Ferramentas do fóru[…]