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
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
0 komentar:
Posting Komentar