Beranda  ›  Blogger tricks  ›  HTML and CSS  ›  Posts

Text area with selecting All with a Button


Lihat dan hitung, seberapa banyak aplikasi Android yang Anda instal di smartphone Anda? 

Pernahkah terbersit di benak Anda bagaimana cara membuat aplikasi-aplikasi tersebut?

Apakah Anda Saat Ini Ingin Sekali Bisa Bikin Aplikasi Android Sendiri? Seperti aplikasi game edukasi, media pembelajaran, aplikasi berbasis sensor, aplikasi multimedia, dan lain sebagainya?

Tetapi

1. Tidak Ngerti Coding
2. Tidak Tahu Computer Programming
3. Tidak Paham Bahasa Pemrograman Android
4. Dan Sama Sekali Bukan Lulusan IT?

Jangan Khawatir ...
Ternyata, bikin aplikasi Android itu SANGAT MUDAH, bahkan bagi Pemula sekalipun.

Sekarang Anda bisa bikin aplikasi Android dengan Cepat, bahkan TANPA HARUS CODING.

Tak peduli apapun latar belakang Anda, bikin aplikasi Android itu MUDAH, semudah bermain Puzzle.

Anda Hanya Perlu 4 Langkah berikut ini :

1. Drag & drop komponen-komponen yang dibutuhkan
2. Percantik tampilan aplikasi dengan mengatur layout dan desain tampilan
3. Susun blok-blok kode programnya, dan
4. Build aplikasi Anda jadi file instalasi *.APK

Lantas, Bagimana Cara Memulainya?
Mudah kok, karena sudah hadir untuk Anda Di Sini :


Video tutorial yang membahas cara membuat aplikasi Android dengan sangat MUDAH, CEPAT, & TANPA CODING menggunakan tools App Inventor 2. 
Text-area-with-selecting-All
You would heard a word called "Text areas". Also it is known Text boxes. As the meaning of word,it is specific area with characters and codes such as HTML,PHP,JavaScript,CSS ...etc. If you want to give some special words or codes for your readers,you might use text areas,Because they are displayed in special position with specific style.There are many ways to customize text boxes as we want.I have presented some styles that you can used for customize text boxes.Some tutorials are,


  1. Add colorful text box for your blog and website
  2. How to add Text box with Scrollbar and blue background
  3. 10 Pleasant text boxes for your Website and Blog
  4. How to Disable Highlight Text on Blogger blogs
  5. Add attractive Css Text box for website or Blog

Today i'm going to show you another way to make comfortable text box. Why did i use comfortable ?You would see in some websites or blogs they present chunk of codes for users to copy and paste.Some codes are large more than whole post content!.Yeah...i have seen some of them.Some codes are more height than 2500px. So users are boring and fed up with copying those codes.I have one solution for that annoying trouble.

Placing a button to copy codes/words in text boxes is good solution for copying large block of characters.Here is an example in below.There is button in right side of text area.Click on it.You can see whole text inside text boxes is highlighted quickly.






How to Add "Select All" button


You can add this option on your website even your blog.So,First I explain you how to add "Select All" option button to your Blogger blog.

1. Sign in to your Blogger Account.
2. Go to Blogger Dashboard >> Template.
3. Then click on "Edit HTML" button.
4. Now find </head> tag.(Tip: you can use shortcut, Ctrl+F )
5. Then paste below JavaScript code just above/before </head> tag.

<script type="text/javascript">
function selectAll()
{
document.form1.demo.focus();
document.form1.demo.select();
}
</script>

6. Now save your Template.You are almost done.

7. When you want to add a text box with "Select All" button just paste below HTML code where text box appears like blog posts,blog pages or JavaScript/HTML.

<form name="form1" >
<textarea cols="25" rows="10" name="demo">
INSERT YOUR CONTENT HERE
</textarea>
<input type="button" name="selectit" value="Select All" onclick="selectAll ();">
</form>

Now you can add your content and can customize this text box as you want.Don't make any changes to name attribute. Button will not work properly,if you change the value of 'name' attribute .

Like in blogger text boxes with selecting all option will work properly on websites.You can add above JavaScript code between <head>---</head> tags or <body>---</body> tags.Then paste above HTML code where text box appears and make changes on Text box.

Pengelola Blog : ABDUL WAHAB

Judul : Text area with selecting All with a Button
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Text area with selecting All with a Button
Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman anda.
Namun jangan lupa harap memberikan link aktif dofollow yang mengarah ke URL ini ya
https://kejutaninternet.blogspot.com/2013/04/text-area-with-selecting-all-with-button.html

Dan Terima kasih sekali lagi atas kunjungan Anda.

Kritik dan saran atau apapun bisa anda sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak bisa selalu online selama 24 Jam.


Mau Di Buatkan Blog Siap Pakai Seperti Ini ?.

Artikel Terkait

Next
« Prev Post
Previous
Next Post »