Memasang Button Show/Hide (Spoiler)

In Web 863 views

Langsung aja ya, hide / show button atau spoiler banyak dipaka karena biasa digunakan untuk menghemat tempat pada weblog jika postingan mengandung banyak teks atau menampilkan gambar dengan ukuran besar.

Contoh spoiler :

Teks atau gambar diletakkan disini …..

berikut kode htmlnya :

<div id="spoiler"><div><input value="<span style="color: rgb(255, 0, 0);">Buka</span>" style="margin: 5px; padding: 0px; font-size: 11px; font-weight:bold;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = '<span style="color: rgb(255, 0, 0);">Tutup</span>'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = '<span style="color: rgb(255, 0, 0);">Buka</span>'; }" type="button"><div id="show" style="border: 1px solid white; margin: 5px; padding: 2px; display: none; width: 98%;"><span style="color: rgb(255, 0, 0);">Teks atau gambar diletakkan disini .....</span></div><div id="hide"></div></div></div>

source : google.com

Related Search

Hapus Post Lama di WordPress Melalui PHPMyadmin
Hapus Post Lama di WordPress Melalui PHPMyadmin
Sekelumit tentang perintah langsung di PHPMyadmin sudah
Bypass Internet Positif
Bypass Internet Positif
Buat agan-agan yang sudah capek dengan Internet
Redirect Artikel Pada Domain Lama Ke Domain Baru dengan .htaccess
Redirect Artikel Pada Domain Lama Ke Domain Baru dengan .htaccess
Caranya cukup simple, buat file .htaccess pada
Leverage browser caching for Nginx
Leverage browser caching for Nginx
Apa siy Leverage browser caching ? Ini penjelasan

Top