Como fazer para este código funcionar?

2 participantes

Ir para baixo

Tópico resolvido Como fazer para este código funcionar?

Mensagem por waghcwb 24.12.12 14:59

Qual é minha questão:
Bom estava procurando algo legal para mandar para os membros do meu fórum no Natal, achei umas mensagens e tal, ai achei o seguinte código.
Código:
<div class="divspoiler">
<img src="URL DA IMAGEM" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
Aqui o conteúdo que queremos ocultar
</div></div>
Ele funciona assim, quando a pessoa clica na imagem aparece uma mensagem para ela, tentei usar em meu fórum mas não deu certo nas postagens, alguém sabe como faço para este funcionar, ou então se existe outro código?

Endereço do meu fórum:
http://www.bruniversalgames.com

Versão do fórum:
PHPBB3


Última edição por -wagh- em 24.12.12 15:21, editado 1 vez(es)
waghcwb
waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer para este código funcionar?

Mensagem por MateusV. 24.12.12 15:08

Olá,

Crie um novo javascript com o investimento marcado nos tópicos e com este código:
Código:
jQuery(document).ready(function(){jQuery('.post .spoiler .spa').click(function(){jQuery(this).closest('.spoiler').find('.contents').slideToggle();});});

Feito isto poste a seguinte mensagem em seu fórum:
Código:
<div class="spoiler">
<div class="spa">Abrir conteúdo</div>
<div class="contents">CONTEÚDO!!!</div></div>

Os códigos HTML devem estar ativados.

Atenciosamente.
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer para este código funcionar?

Mensagem por waghcwb 24.12.12 15:19

Olá o spoiler ja esta vindo aberto gostaria que ele viesse fechado, só abrisse quando a pessoa clicasse, mas isso me deu uma ideia.
Eu tinha esse código no meu PC e nem lembrava.
Código:
<dl class="spoiler"><dt style="cursor: pointer;"><center><div name=spoiler><img src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" height=15><font color=#0072ff size=2><b> Teste </b><img src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" height=15></font></div></center></dt><dd><div class="spoiler_content">
[center]Conteudo[/center]
</div></dd></dl>
</center>
Vou utilizar ele mesmo, obrigado pela ajuda!
waghcwb
waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos