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.
Artikel keren lainnya:
Belum ada tanggapan untuk "Cara Menampilkan Tulisan Atau Gambar dengan Show dan Hide "
Posting Komentar