>

quinta-feira, 24 de fevereiro de 2011

Codigo botão abrir fexar 2

Se seu texto estiver muito grande e não há geito de resumilo, coloque um botão que esconde o texto, ou banner. Clicando nele o texto se abre.

<div class="pre-spoiler"> 
<input id="xs" value="Leia Mais" style="margin-left: 50px; padding: 0px; width: 80px; " 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 = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Abrir Texto ';}" type="button"> </div> 
<div> 
<div class="spoiler" style="display: none;"> 
Seu conteudo escondido vem aqui !</div> 
</div>


Cloque este código em um gadget de HTML/JAVASCRIPT, ou no HTML da postagem.
A parte em vermelha do código, é onde vai o conteúdo que ficara escondido e depois sera mostrado.
A parte em azul é o nome do botão quando o texto está escondido. A parte em A parte verde é o nome do botão para esconder o texto quando ele for aberto.





Fica assim::

1 comentários:

Anônimo disse...

Não deu certo.
Só aparece o botão, não o que eu escrevi
Mas eu não sei se é porque eu não entendi direito, mas tentei e não deu

Postar um comentário

Se tem alguma duvida comente,se te ajudou comente,se faltou algo comente não custa nada.

Related Posts Plugin for WordPress, Blogger...