T

Cara membuat textarea dengan tombol "select all"

>

بسم الله الرحمن الرحيم

Klik Demo untuk Melihat Contohnya..

Nih Langkah"nya

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. KLik tab Edit HTML.
4. Cari kode </head>
5. Copy dan paste kode dibawah ini tepat sebelum kode </head>

<script type="text/javascript">

function selectAll(){
document.formtombol.textarea.focus();
document.formtombol.textarea.select();
}</script>

<style type="text/css">
div.textareatombol{
width:430px;
border:4px solid;
border-color:#D8D8D8;
background-color:#A4A4A4;
padding:10px;
}</style>

6. Simpan Template
7. Langkah selanjutnya Klik elemen laman lalu tambah Gadget dan pilih HTML/JavaScript
8. Copy dan paste kode dibawah ini pada gadget tersebut :

<center><div class="textareatombol">

<form name="formtombol" >
<textarea cols="50" rows="3" name="textarea">"Disini adalah teks atau kode yang diberikan kepada pengunjung untuk di copy"</textarea>
</form>
<input type="button" name="selectit" value="Select All" onclick="selectAll ();">

</div></center>

9.  Lalu Simpan......


Terinspirasi

Bila anda merasa artikel diatas bagus dan bermanfaat, anda bisa gunakan URL atau HTML dibawah ini. Silahkan anda dipasang dihalaman web atau blog anda untuk menuju kehalaman ini :



" />


Widget by BloggerTipAndTrick


Share Artikel Ini :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Sekedar Blog Biasa - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger