5.1.14
7
Gambar Text Area Dengan Tombol Buka Tutup
Membuat Text Area Dengan Tombol Buka Tutup - Cara ini masih sama dengan artikel saya sebelumnya tentang Membuat Format Tulisan Dengan Text Area, Namun metode ini sedikit di modifikasi sehingga tampilannya akan sedikit menghemat ruang dalam postingan anda.

Untuk menyimpan text/tulisan atau kode pada postingan anda yang mungkin mencapai 300-500 kata, maka dengan adanya Text Area Dengan Tombol Buka Tutup akan sedikit membantu agar postingan anda tidak memanjang kebawah. Dengan adanya Tombol Buka Tutup pada text/tulisan yang kita kenal sebagai Kotak Spoiler dapat membantu untuk menyimpan text/tulisan atau kode HTML pada postingan anda hanya dalam 1 baris 1 kolom, dan hanya terbuka jika menekan tombol BUKA dan sebaliknya akan menutup jika menekan tombol TUTUP.

Berikut kode untuk Membuat Text Area Dengan Tombol Buka Tutup.
Pada postingan baru COPY lalu PASTE kode berikut pada halaman HTML

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

Animated Pictures Comments Pictures
Gambar myniceprofile

Sudah jangan lama-lama dipelototin terus,,ntar,,?? hehehe...Tekan tombol TUTUP

Saya menunggu pendapat anda tentang Membuat Text Area Dengan Tombol Buka Tutup di kolom komentar, Terimakasih dan semoga dapat Bermanfaat

Salam Manis

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul= Membuat Text Area Dengan Tombol Buka Tutup
Ditulis oleh= Devy
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip (meng-Copy), baik itu sebagian atau keseluruhan isi dari artikel ini harap menyertakan link dofollow ke >>
= TERIMA KASIH =

7 komentar

  1. Pertamax Sis
    ternyata setelah saya pelajari
    yang masuk bukan caranya bagaimana
    tapi yang bukanya yang masuk diotakkkk
    hehehe

    BalasHapus
    Balasan
    1. yeeee.....dasar ea cowok..hampir rata-rata semuanya begitu...hehehe

      Hapus
  2. bisa buat ngeringanin loading ngga mba

    BalasHapus
  3. wahaha :D sangat membantu.. btw itu spoiler twilightnya mangstab hehe :D

    BalasHapus
  4. heheheeh setelah di open videonya woww...

    BalasHapus

  • Design
    X
    Teks menu masih dalam tahap perbaikan, Untuk sementara Anda akan dialihkan ke link HOME. Terimakasih.!

    KLIK
  • JQuery
    X
    Teks menu masih dalam tahap perbaikan, Untuk sementara Anda akan dialihkan ke link HOME. Terimakasih.!

    KLIK
  • CSS
    X
    Teks menu masih dalam tahap perbaikan, Untuk sementara Anda akan dialihkan ke link HOME. Terimakasih.!

    KLIK
  • HTML
    X
    Teks menu masih dalam tahap perbaikan, Untuk sementara Anda akan dialihkan ke link HOME. Terimakasih.!

    KLIK
  • JavaScript
    X
    Teks menu masih dalam tahap perbaikan, Untuk sementara Anda akan dialihkan ke link HOME. Terimakasih.!

    KLIK