Membuat Text Area Highlight

    Membuat Text Area Highlight - Jika sebelumnya Maen Blogging sudah berbagi mengenai bagaimana cara membuat kotak scroll di poastingan, pada kesempatan kali ini Maen Blogging ingin berbagi mengenai hal yang sama, namun bedanya kali ini kita  akan coba menambahkan highlight all, maksudnya ketika nanti kita klik tombol highlight all maka seluruh teks yang ada di dalam kotak akan terseleksi secara otomatis.

    OK, langsung saja kita coba. Caranya hampir sama dengan membuat kotak scroll, yaitu kita menyelipkan script di artikel postingan kita, berikut ini scriptnya

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">postingan artikel anda</textarea></p></div></form> 

hasilnya akan seperti ini

Jika sebelumnya saya sudah berbagi mengenai bagaimana cara membuat kotak scroll di poastingan, pada kesempatan kali ini saya ingin berbagi mengenai hal yang sama, namun bedanya kali ini kita  akan coba menambahkan highlight all, maksudnya ketika nnti kita menklik tombol highlight all maka seluruh teks yang ada di dalam kotak akan terseleksi.

Keterangan :

-  ganti tulisan yang dicetak tebal dengan tulisan yang anda inginkan

-  <div align="center"> --> itu menunjukkan tombol highligh akan berada di tengah,jika ingin tombol itu berada di kanan atau kiri,tinggal ganti dengan left atau right

-  Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

-  <p align="center"> menunjukkan bahwa text area berada ditengah,jika ingin berada di kanan atau kiri tinggal ganti dengan right atau left

-  <text style="WIDTH: 300px"> menunjukkan lebar kolom

-  HEIGHT: 144px menunjukkan tinggi kolom

Tweet

Sign up here with your email address to receive updates from this blog in your inbox.