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:
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:
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.
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:
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?
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:
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.