Posting kali ini saya akan share tentang textarea dengan background warna-warni yang dipilih dengan tombol... Awalnya saya mencoba membuat textarea dengan background berwarna..kemudian muncul ide gimana kalau warna background tersebut bisa dirubah-rubah dengan tombol warna.. Contohnya yang di bawah ini..coba test, klik tombol-tombolnya...
Sebetulnya ada beberapa cara untuk perintahnya..namun saya akan kasih element perintah yang sederhana saja..
Lalu untuk apa sich kegunaannya ?? ya ini agar tampil beda saja..Dan kita bisa main-mainin warna background dulu..hehehehe..
Atau mungkin saja ada kebutuhan untuk yang lainnya yang membutuhkan textarea semacam ini...
Jika anda ingin, copy kode dibawah ini..
<input onclick="document.getElementById('textarea').style.background='#ffffff'" value="Putih" type="button" style="width:50px;background-color:#ffffff;"/> <input onclick="document.getElementById('textarea').style.background='#fb0214'" value="Merah" type="button" style="width:50px;background-color:#fb0214;"/> <input onclick="document.getElementById('textarea').style.background='#ffff00'" value="Kuning" type="button" style="width:50px;background-color:#ffff00;"/> <input onclick="document.getElementById('textarea').style.background='#00ff00'" value="Hijau" type="button" style="width:50px;background-color:#00ff00;"/> <input onclick="document.getElementById('textarea').style.background='#667bfc'" value="Biru" type="button" style="width:50px;background-color:#667bfc;borer=solid;border-radius:8px;"/><br /> <textarea id="textarea" rows="5" cols="50" style="background:;border:solid 1px #000;"></textarea>
Ganti angka yang berwarna merah sesuaikan dengan keinginan, itu ukuran textarea...
Kemudian tempelkan diamana saja yg anda inginkan, mau di postingan atau widget..terserah sesuai kebtuhan anda..
Oh ya Ada lagi yg lebih unik...Kalau yang di atas kan dengan beberapa tombol, Nah ada lagi yang cuma dengan satu tombol..ketika tombol tersebut di klik, tombol tersebut juga berubah warna dan tulisannya pun berubah sesuai warna dan nama warna..
Contoh tombolnya seperti ini coba anda klik..! dan terus saja mainin klik tombol itu sampai anda ngantuk, numayan itung-itung main game...hehehe....
Untuk yg itu tunggu saja di posting saya berikutnya ya..saya mau bobo dulu,,hehehe....
*Anda boleh copy paste postingan saya ini dan alangkah lebih boleh lagi jika disertai dengan link blog saya ini sebagai sumbernya,,hehehe...
Sebetulnya ada beberapa cara untuk perintahnya..namun saya akan kasih element perintah yang sederhana saja..
Lalu untuk apa sich kegunaannya ?? ya ini agar tampil beda saja..Dan kita bisa main-mainin warna background dulu..hehehehe..
Atau mungkin saja ada kebutuhan untuk yang lainnya yang membutuhkan textarea semacam ini...
Jika anda ingin, copy kode dibawah ini..
<input onclick="document.getElementById('textarea').style.background='#ffffff'" value="Putih" type="button" style="width:50px;background-color:#ffffff;"/> <input onclick="document.getElementById('textarea').style.background='#fb0214'" value="Merah" type="button" style="width:50px;background-color:#fb0214;"/> <input onclick="document.getElementById('textarea').style.background='#ffff00'" value="Kuning" type="button" style="width:50px;background-color:#ffff00;"/> <input onclick="document.getElementById('textarea').style.background='#00ff00'" value="Hijau" type="button" style="width:50px;background-color:#00ff00;"/> <input onclick="document.getElementById('textarea').style.background='#667bfc'" value="Biru" type="button" style="width:50px;background-color:#667bfc;borer=solid;border-radius:8px;"/><br /> <textarea id="textarea" rows="5" cols="50" style="background:;border:solid 1px #000;"></textarea>
Ganti angka yang berwarna merah sesuaikan dengan keinginan, itu ukuran textarea...
Kemudian tempelkan diamana saja yg anda inginkan, mau di postingan atau widget..terserah sesuai kebtuhan anda..
Oh ya Ada lagi yg lebih unik...Kalau yang di atas kan dengan beberapa tombol, Nah ada lagi yang cuma dengan satu tombol..ketika tombol tersebut di klik, tombol tersebut juga berubah warna dan tulisannya pun berubah sesuai warna dan nama warna..
Contoh tombolnya seperti ini coba anda klik..! dan terus saja mainin klik tombol itu sampai anda ngantuk, numayan itung-itung main game...hehehe....
Untuk yg itu tunggu saja di posting saya berikutnya ya..saya mau bobo dulu,,hehehe....
*Anda boleh copy paste postingan saya ini dan alangkah lebih boleh lagi jika disertai dengan link blog saya ini sebagai sumbernya,,hehehe...
