belajar ngeblog

"berbagi tak pernah rugi"

Block

Responsive Ads Here

Kamis, 03 Maret 2011

Cara Membuat Tombol Show Hidden

Tombol Show Hidden berguna apa bila anda ingin menaruh dengan buka show hidden / buka tutup
dimana ketika tombol tersebut di klik maka akan tampil isi dari tombol tersebut
untuk memasang  Tombol Show Hidden sobat dapat cukup mengganti teks warna merah dibawah ini dengan
apa yang ingin sobat letakkan pada tombol tersebut.
berikut adalah kode untuk membuat Tombol Show Hidden.


<div><div style="margin-bottom: 2px;"><i><b><small>Klik Untuk melihat</small></b></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 style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

disini anda meletakkan artikel / gambar atau terserah anda.
</div></div></div>

Tidak ada komentar:

Posting Komentar