Como fazer para este código funcionar?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como fazer para este código funcionar?

Mensagem por waghcwb em 24/12/12, 12:59 pm

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, 01:21 pm, editado 1 vez(es)
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com
  • 0

Resolvido Re: Como fazer para este código funcionar?

Mensagem por MateusV. em 24/12/12, 01:08 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como fazer para este código funcionar?

Mensagem por waghcwb em 24/12/12, 01:19 pm

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!
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum