Membuat Tombol Hide & Show (spoiler) - Hello friend DIGITAL GAMES AND SOFTWARE, In the article that you read this time with the title Membuat Tombol Hide & Show (spoiler), we have prepared this article well for you to read and take information in it. hopefully the post content Article Tutorial Blogger, what we write can you understand. alright, happy reading.
Judul : Membuat Tombol Hide & Show (spoiler)
link : Membuat Tombol Hide & Show (spoiler)
Membuat Tombol Hide & Show (spoiler)
Mungkin anda ingin menyembunyikan sebagian artikel atau gambar dengan menggunakan tombol hide / show...? Agar artikel terlihat tidak terlalu banyak/panjang anda bisa gunakan script spoiler. Mau tau caranya......?
# Copy Script dibawah ini dipostingan anda.
<div>
<input value="Tampilkan" style="margin: 0px; padding:0px;width:auto;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 = 'Sembunyikan'; } else{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background:#000000;text-align:left;padding:10px;color:#ffffff;">
Masukkan text-nya disini. Gambar juga bisa.
</div>
</div>
</div>
# Ganti tulisan "masukkan teksnya disini, Gambar juga bisa" dengan teks atau gambar yang mau disembunyikan.
Hasilnya seperti di bawah ini
Semoga bermanfaat. Ingat ya, perhatikan yang berwarna merah dan biru kalau ingin mengedit-nya sekali lagi semoga bermanfaat.
# Copy Script dibawah ini dipostingan anda.
<div>
<input value="Tampilkan" style="margin: 0px; padding:0px;width:auto;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 = 'Sembunyikan'; } else{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background:#000000;text-align:left;padding:10px;color:#ffffff;">
Masukkan text-nya disini. Gambar juga bisa.
</div>
</div>
</div>
# Ganti tulisan "masukkan teksnya disini, Gambar juga bisa" dengan teks atau gambar yang mau disembunyikan.
Hasilnya seperti di bawah ini
Semoga bermanfaat. Ingat ya, perhatikan yang berwarna merah dan biru kalau ingin mengedit-nya sekali lagi semoga bermanfaat.
Such article Membuat Tombol Hide & Show (spoiler)
So this article Membuat Tombol Hide & Show (spoiler) this time, hopefully it can benefit you all. alright, see you in another article post.
You are now reading the article Membuat Tombol Hide & Show (spoiler) with the link address https://dswgcafe.blogspot.com/2010/07/membuat-tombol-hide-show-spoiler.html
Tidak ada komentar:
Posting Komentar