Membuat Text Area dilengkapi Select All

Text Area[ html] biasanya digunakan untuk mencantumkan suatu tulisan,gambar,dll .Tetapi biasanya kalau di blog,baik itu blog dari blogspot maupun wordpress ,
Sering dipakai untuk membuat wadah untuk menampung sebuah alamat / script HTML Banner. dan Untuk menyeleksinya biasanya menggunakan button select all agar lebih memudahkan pengunjung untuk meng-copy banner tersebut.
Berikut contoh-nya :
Sebuah Banner Link Milik saya
Info Network

Sript-nya :


<center><a href="http://info-net.tk" target="_blank"><img src="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-snc6/189272_1314083709335_1747971525_533109_600445_n.jpg" alt="Info Network"/></a></center>
<br />
<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><center><textarea style="padding: 3px; width:200px; height:60px" name="txt";><a href="http://info-net.tk" target="_blank"><img src="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-snc6/189272_1314083709335_1747971525_533109_600445_n.jpg" alt="Info Network"/></textarea></center></form>
Penjelasannya
- yang di beri warna merah itu adalah yang anda isikan kedalam text-areanya,
-sedangkan yang diberi warna kuning,sebenarnya sama cuman ,kalau yang kuning akan keluar gambar / tampilannnya dan yang merah hanya script HTML-nya saja!

Contoh yang lebih simple-nya [hanya menggunakan huruf saja]:


Script-nya :
*tekan tombol /simbol " +"

Spoiler

<form> <div><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div>
<textarea style="padding: 3px; width: 200px; height: 60px;" name="txt">Hay...? Tulisan ini hanya tes saja di Info network ini!!! eh..dari Dalphin lho....^^</textarea></form>

Penjelasan-nya, - seperti yang tadi ,bahwa tulisan yang berwarna merah itu dapat di isi dengan huruf/angka/karakter sesuai keinginan anda!
Gimana anda ingin mencoba ,silahkan Copy-Paste artikel jg boleh ... asal dibagian bawah diberi tulisan,
Credit by Info-net.tk
Selamat Mencoba! Thx ^^

Sumber : http://info-net.tk/membuat-text-area-dilengkapi-select

0 komentar:

Posting Komentar

 

Catatan Network © 2011 Design by Best Blogger Templates | Sponsored by HD Wallpapers