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 :

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

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 .....!