Select all sekali klik

Loe pernah mengeblok dengan cara memilih kata kemudian menekan tombol mouse dan mengesernya hingga kata terakhir yang loe inginkan. Atau saat loe ingin mengeblok semua tulisan yang akan dicopy ataupun di cut. Mengeblok secara keseluruhan ini sering gua lakuin saat mengcopy url sebuah website yang gua senangi atau mengcopy script seperti kotak link, logo sebuah blog seseorang yang akan gua pasang di blog gua ini. (pembaca said “alah kakean omong banget ni orang, emangnya mau kampanye apa kok tebar air liur”) ok kalo begitu, karena dirasa sudah cukup cipika cipikinya. Langsuang kita mulai, tetapi kira kira seperti ini hasilnya, dan coba loe klik aja tulisan di bawah ini

Ini menggunakan elemen div

Coba aja klik gua, pasti loe akan terpana akan ketampanananku, he2x
Pd amat ya gua, kan bintang dalam narsis.tv gitu..............

Ini menggunakan elemen input



Ini menggunakan elemen textarea

<br />Coba aja klik gua, pasti loe akan terpana akan ketampanananku, he........... he..............<br />Pd amat ya gua, kan bintang dalam narsis.tv gitu.............<br />

Ini menggunakan elemen pre

function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'none')
 e.style.display = 'block';
else
 e.style.display = 'none';
}

Pertama yang harus dan wajib loe lakukan, adalah mengucapkan Basmallah. Kemudian masuk tuh loe ke edit html, eit..................... jangan lupa membackup template leo jika terjadi kesalahan. Setelah itu tekan tombol Ctrl + F dan cari </head> sudah ketemu? letaknya kira kira pada bagian atas. Setelah ketemu copykan script di bawah ini diatasnya </head>

<script type="text/javascript" src="http://ul1n.comuv.com/autoSelect.js"></script>

Setelah, langkah pertama loe lalui, kemudian loe perhatikan 3 contoh diatas, kan ada 3 perbedaan secara jelas, untuk menambahkan 3 elemen ini dalam blog loe bisa loe tambahakan melalui tambah gadget.

Pertama elemen div
Copykan script dibawah ini dalam kotak tambah gadget html yang loe tambahkan tadi.

<div onclick="autoSelect(this);">
Tulisan ini dapat loe ganti dengan tulisan loe yang ingin dicopy oleh pengunjung atau pembaca blog loe.
</div>

Kedua elemen input
Copykan script dibawah ini dalam kotak tambah gadget html yang loe tambahkan tadi.

<input type="text" size="50" onclick="autoSelect(this);" value=" Tulisan ini dapat loe ganti dengan tulisan loe yang ingin dicopy oleh pengunjung atau pembaca blog loe.">

Kedua elemen textarea
Copykan script dibawah ini dalam kotak tambah gadget html yang loe tambahkan tadi.

<textarea rows="5"cols="30" onclick="autoSelect(this);">
Tulisan ini dapat loe ganti dengan tulisan loe yang ingin dicopy oleh pengunjung atau pembaca blog loe.
</textarea>

Kedua elemen pre
Copykan script dibawah ini dalam kotak tambah gadget html yang loe tambahkan tadi.

< pre onclick="autoSelect(this);">
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'none')
e.style.display = 'block';
else
e.style.display = 'none';
}
</pre>

Setelah script diatas dicopykan dalam kotak tambah gadget html. Kemudian langkah terakhir yaitu menyimpan elemen tersebut.

Keterangan:
Dari semua elemen diatas memiliki persamaan yang signifikan yaitu pada semua elemen terdapat script onclick="autoSelect(this);" yang merupakan script yang mempunyai fungsi memanggil file javascript yang diberi nama autoSelect.js sehingga onclick="autoSelect(this);" merupakan otak dari kesemua elemen diatas.

Sedangkan tulisan yang berwarna hijau merupakan perintah yang menentukan lebarnya kotak input, sehingga semakin besar angka yang ditentukan maka semakin panjang pula ukuran kotak input yang bersangkutan.

Kedua tulisan yang berwarna biru mempunyai fungsi untuk mengatur ukuran tinggi sebuah kotak textarea, secara otomatis apabila kotak textarea tidak dapat menampung semua tulisan yang berada didalamnya maka akan muncul scroolbar yang mengatur turun naiknya textarea.

Ketiga tulisan yang berwarna violet berfungsi mengatur lebar textarea, dan cara mainnya sama dengan pengaturan dengan tulisan yang berwarna biru.

Keempat tulisan yang tertulis tebal mempunyai peranan untuk menuliskan apapun yang berada didalamnya. Artinya mempunyai fungsi untuk menampilkan tulisan apa adanya.

Dan pesan ku jangan lupa untuk kasih coment dalam blog gua ini. He..............