Senin, 20 Desember 2010

Cara Membuat SPOILER Hide/Show

Ingin Membuat SPOILER Hide/Show Seperti Ini :










Caranya Mudah Cukup tambahkan Ini kedalam "HTML/JavaScript"

<center>
<div>
<div style="margin-top: 5px; margin: 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat Lagi'; }" style="margin: 0px; padding: 5px; width: auto;" type="button" value="Lihat" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background-color: none; border: none; color: none; padding: 10px; text-align: justify;">


"Taruh HTML/Script Anda Disini"

</div>
</div>
</div>
</div>

NB:
  • Yang warna Ungu adalah letak posisi
  • Yang warna Merah ganti sesuai keinginan
  • Yang warna Biru udah pada tau kan... He..he..he
  • Ya......sudah cepat Doing!

0 komentar:

Posting Komentar

Mohon Komentarnya | Jangan Lupa Saran Juga | Ingat Jangan Mengisi Hal2 Berbau SPAM <<<< BACA

My Translator

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

ShoutMix chat widget

Anda berminat buat Buku Tamu seperti ini?
Klik DI SINI sini