Senin, 18 Maret 2013

Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler

Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler Caranya emang sama dengan Membuat Scroll Box atau Kotak Scroll hanya bedanya ditengan ada penambahan.
Yang belum mengerti silahkan lihat contoh :
Cara-caranya :
Kemudian copy paste skrip Scroll Box atau Kotak Scroll dibawah ini :
<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" name="button" type="button" value="Klik" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;LIHAT LAGI&#39;; }" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<p style="text-align: justify;"></p><div style="border: 1px solid #555; height: 60px; overflow: auto; padding: 10px; width: 430px;">CONTOH Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler mMn CONTOH Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler mMn CONTOH Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler mMn</div><p></p>
</div><div id="hide"></div></div>
Paste di postingan atau di gadget HTML. Jika Scroll Box atau Kotak Scroll kurang pas, kurang lebar, kurang panjang. Sobat bisa ganti ukurannya di angka 60px untuk tingginya dan untuk panjangnya bisa anda ganti di angka 430px dan gampangnya sobat lihat di :
<div style="border: 1px solid #555; height: 60px; overflow: auto; padding: 10px; width: 430px;">CONTOH Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler mMn CONTOH Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler mMn CONTOH Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler mMn</div>
Dan seandainya sobat menginginkan tulisan kliknya atau tulisan di dalam Scroll Box atau Kotak Scroll pas di tengah, Maka sobat tambah skrip :
<div class="separator" style="clear: both; text-align: center;">
Pasang di depan :
<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" name="button" type="button" value="Klik" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;LIHAT LAGI&#39;; }" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<p style="text-align: justify;"></p><div style="border: 1px solid #555; height: 60px; overflow: auto; padding: 10px; width: 430px;">CONTOH Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler mMn CONTOH Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler mMn CONTOH Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler mMn</div><p></p>
</div><div id="hide"></div></div>
Contoh :
<div class="separator" style="clear: both; text-align: center;"><div id="spoiler">

<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" name="button" type="button" value="Klik" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;LIHAT LAGI&#39;; }" /></div>

<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">

<p style="text-align: justify;"></p><div style="border: 1px solid #555; height: 60px; overflow: auto; padding: 10px; width: 430px;">CONTOH Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler mMn CONTOH Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler mMn CONTOH Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler mMn</div><p></p>

</div><div id="hide"></div></div>
Mudah kan Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler mMn .....!
2 komentar:
  1. terima kasih ya kk atas inforasinya, melody sangat terbantu sekali atas artikel kakak , jangan lupa mampir di blog melody ya kk http://memolodys.blogspot.com/2013/08/cara-booting-shutdown-komputer-cepat.html

    BalasHapus
  2. oke, sama sama kalau postingan Membuat Scroll Box atau Kotak Scroll di Dalam Spoiler sangat membantu adik, dan saya langsung kunjung balik

    BalasHapus

Komentar yang Baik !!!.
Suka Artikel ini dan mau Copas? Baca dulu Peraturan Copas !!!.

aKseSoris teMplate