Spoiler simples para o teu site!

por Hancki Qui 13 maio 2010 - 13:16

Decidi deitar mãos à obra e fazer um spoiler à miha maneira com JS, que já não programava à algum tempo...
Saiu-me isto:

Código:: <div class="smallfont" style="margin-bottom: 0px;"> <input value="Mostrar" style="width: 75px; padding: 3px; background-color: white !important; border: 1px solid #C9D2D8; font-family: Verdana;" 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'; }" type="button"> </div> <div style="margin: 0px; padding: 0px; border: 0px inset;"> <div style="display: none; padding: 3px; padding-top: 28px; background-color: white !important; border: 1px solid #C9D2D8; font-size: 0.9em; font-family: Verdana; width: 50%; position: absolute; z-index:-1; top: 10px;"> O famoso spoiler agora criado numa nova forma e novo visual para o teu site! <br> Aceita códigos HTML... Tudo! <br> Hancki </div> </div>

Testem-no!
Pode não dar em determinados locais!

Até mais.