Welcome to our website !

Membuat "Spoiler" ala kaskus

By 10:16 PM

Pasti udah banyak yang tau dan baca berbagai post di forum sejuta agan, kaskus. nah pernah perhatiin yang namanya 'spoiler' gak? spoiler adalah tulisah yang di 'hide' atau disembunyikan yang gunanya salah satunya untuk menghemat halaman. nah bagaimana caranya? kalo untuk postingan di kaskus kita cukup pakai kode perti ini:
[spoiler=judul]isi spoiler[/spoiler]
tapi bagaimana kalo kita mau buat di log atau di website lain? kita bisa pakai (pakai) kode javascript di bawah ini. agak  banyak, mudah-mudahan ngerti :D
<div> 
    <div style="margin: 5px;">
         <div class="smallfont" style="margin-bottom: 2px;"> 
<i><span style="font-weight: bold;">Judul spoiler </span></i> 
<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 
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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/> 
         </div> 
         <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
              <div style="display: none;">
isi spoiler...
              </div> 
        </div> 
   </div> 
</div>

Demo:
Judul spoiler
isi spoiler...

gimana, berhasil?

You Might Also Like

0 comments