Membuat Text Area Dengan Tombol Buka Tutup

Berikut ini akan diuraikan langkah-langkah cara membuat ( Text Area Dengan Tombol Buka Tutup   ) semoga artikel kali ini bermanfaat untuk kita semua.
Adapun Cara membuat : (  Text Area Dengan Tombol Buka Tutup  ) sebagai berikut :

Masukan Kode HTML / Javascript di bawah ini :

<div style="margin-bottom: 2px;">
<div style="margin-top: 5px; text-align: center;">
<input value="Buka" style="margin-top: 5px; width: 100px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

MASUKKAN TEKS ANDA DISINI

</div>
</div>
</div>



Contohnya :


Berikut ini akan diuraikan langkah-langkah cara membuat ( Text Area Dengan Tombol Buka Tutup ) semoga artikel kali ini bermanfaat untuk kita semua.
Adapun Cara membuat : ( Text Area Dengan Tombol Buka Tutup ) sebagai berikut :

Masukan Kode HTML / Javascript di bawah ini :


MASUKKAN TEKS ANDA DISINI


Setelah semua kode html, (style, atau b:skin, dan javascript sudah di pasang sesuai posisinya masing-masing langkah terahir adalah Simpan, atau klik pratinjau tema terlebih dahulu,. Namun untuk saran tiada salahnya langsung klik SIMPAN dan lihat hasilnya, jika terjadi eror, dan kode tidak berfungsi dengan baik silahkan informasikan kami di kolom komentar, salam Team SAHAB BISNIS 77.

Demikian Cara membuat ( Text Area Dengan Tombol Buka Tutup  ) semoga bermanfaat terima kasih.

Tidak ada komentar

Posting Komentar