;

Kamis, 28 Juni 2012

Cara Membuat Tombol Show Hide Blog

05.59  Unknown  1 comment

Kita sekarang inigin berbagi kembali sob. karna bagi saya tiada hari tanpa berbagi. kita kali ini akan membahas bagimana cara membuat tombol show and hide. Sesuai dengan judul posting kali ini Cara Membuat Tombol Show Hide Blog. ini contohnya sob. :














<div>

<input value="Show" style="margin: 0px; padding:0px;width:auto;font-size:10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else{ this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }" 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>

Kodenya di atas sob. semoga bermanfaat ya sobat blogger .

Related Post :

Posted in: ,

Silahkan Gunakan Facebook Comment, Karna di Blog ini Tidak Disediakan Blog Comment

Posted by: Muhammad Refai Klik Hacking Updated at: 05.59

1 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More