Cara Menampilkan Tulisan Atau Gambar dengan Show dan Hide

Barangkali ada dari teman-teman blogger sudah tahu tentang artikel ini, disini hanya ingin mengtakan bahwa hal yang telah dipelajari klaau tidak diulang-ulang akan hilang kembali.

Artikel ini membahas tentang cara yang posistif untuk membuat halaman dengan show dan hide. untuk itu lansung saja pada topik yang akan dibahas, ketika hendak menampilkan tulisan ataupun gambar berupa apa saja dengan menggunakan halaman yang bisa show dan hide. anda langsung saja copy saja HTML yang ada di bawah ini.

<div><div 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" atau><ataudiv> <div style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> tulisan atau gambar atau yang lainnya yang ingin dihidden <ataudiv> <ataudiv> <ataudiv>

Caranya ganti tulisan yang berwarna merah dengan tulisan atau gambar yang mau ditampilkan. Jika ingin memasukannya kedalam postingan tempelkan atau paste kode tersebut setelah merubah mode Compose menjadi HTML.

Sekian saja penjelasan cara untuk men-show dan meng-hiddent sebuah file atau gambar. Semoga bermanfaat.

Minggu, 13 September 2015