Menyembunyikan Widget Dengan Tombol

Punya Banyak Gadget? Atau mungkin gadget anda kebanyakan, dan ingin menyembunyikannya? Dan akan tampil bila di klik? Mudah kok, tambahkan kode berikut saat anda ingin menambahkan gadget HTML/Javascript yang ingin di sembunyikan, kodenya cukup simple :

<script type="text/javascript">
function hiddenrdl()
{ var ele = document.getElementById("hiddenText");
var text = document.getElementById("displayText");
if (ele.style.display == "block")
{ ele.style.display = "none";
text.innerHTML = "";
}
else { ele.style.display = "block";
text.innerHTML = "";
}
}
</script>
<input onclick="hiddenrdl();" id="displayText" type="button" value="klik di sini untuk menampilkan widget" />

<div id="hiddenText" style="display:none;">
masukkan kodenya disini
</div>

Gimana? Mudahkan?
Untuk teks "masukkan kodenya disini" tolong di hapus dan di ganti dengan kode yang ingin anda masukkan.
Semoga Bermanfaat.

Related Post :

Subcribe Via Email :

Jika Anda Menyukai Artikel Blog ini, Masukan Alamat Email Anda Pada Kolom di Bawah, Maka Anda Akan Mendapatkan Kiriman Email Setiap Kali Ada Posting Baru. Terima Kasih Atas Partisifasinya

Enter Your Email Address :