Wednesday 21 November 2012

Text Area Dengan Butang Pilih Semua

Ok tutorial ni simple je, untuk membuat Text Area Dengan Butang Pilih Semua. Ni memudahkan pengunjung blog korang untuk copy paste Teks atau Code yang korang share kat blog korang.  Contoh seperti dibawah:


1. Copy code dibawah:
HTML CODE<code><span ><div><form name="copy"><div align="center"><input value="Pilih Semua" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><p align="center"><textarea rows="3" cols="20" style="border: 8px inset #ff3333; padding: 0pt 1px; background: #ff6666 none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: #ffffff; line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL">MASUKKAN TEKS ATAU CODE KORANG DISINI</textarea></form></div></span></code>
  • Pilih Semua - Korang boleh ubah kepada teks yang lain, contoh seperti "Select All"
  • 3 - Bilangan Row
  • 20 - Bilangan column
  • #ff3333 - Warna bagi  Border
  • #ff6666 - Warna bagi Background
  • #ffffff - Warna bagi teks
  • MASUKKAN TEKS ATAU CODE KORANG DISINI - Gantikan teks yang bertulisan merah dengan teks atau code yang korang nak share kat blog korang.

Dapatkan Code Warna disini