การ copy ข้อความใน textarea จัดทำโดย : nut พิมพ์
 Untitled Document

การ copy ข้อความใน textarea

บทความนี้ผมจะเอา script ที่ว่าเวลาคลิกเมาส์ใน textarea แล้วจะทำการไฮไลท์และคัดลอกข้อความใน textareaนั้นออกมา

1. สร้างไฟล์ demo.html เพื่อใช้ในการทดสอบ Script นะครับ แล้วให้ copy script ด้านล่างแล้วนำไปวางไว้ใน tag <head>...</head> นะครับ

<script type="text/JavaScript">
function copy(name){
var tempval=document.getElementById(name);
tempval.focus();
tempval.select();

try {
therange=tempval.createTextRange()
therange.execCommand("Copy")
} catch (err) {}

}
</script>

2. หลังจากนั้นเราก้อมาสร้าง textarea ที่จะใส่ข้อความ กันต่อเลยครับ โดยตั้งชื่อของ textarea ว่า "test_copy"

<textarea name="test_copy" cols="80" rows="3" id="test_copy" onClick="copy('test_copy')">Webthaidd.COM นิตยสารออนไลน์ ฉบับแรกของคนไทย สอน php, dreamweaver, photoshop, เพลงออนไลน์, Tools online, Free Background, Free icon, Free bullet, Free font</textarea>

คลิกดูตัวอย่าง

คุณอาจสนใจ
ทำปุ่มเคลื่อนไหวใส่เว็บด้วย Flash MX (ตอนที่ 2)
มรกต อุ่นเสรี (33,186 - 29 ก.ย. 50)
โชว์เมนูบาร์ IE7 ให้เหมือน IE6
เว็บไทยดีดี (14,859 - 08 ก.ย. 50)
สร้าง cell ให้เสมือนปุ่มบน MS Excel
langjuko (40,987 - 29 ต.ค. 51)
วิธีกำจัดเจ้า Folder.htt ให้อยู่มัด
เว็บไทยดีดี (15,214 - 29 ก.ย. 50)
เทคนิคการสร้างฟอร์มให้สวยงาม
Mr.GuruZ (65,839 - 04 มิ.ย. 49)
เปลี่ยนสีเมนูเว็บไซต์ ง่ายเพียงปลาย Mouse
Mr.GuruZ (21,923 - 15 มี.ค. 51)
Overloading Method
Mr.POP (39,549 - 05 พ.ย. 49)
การส่งเมล์ด้วยฟังก์ชั่นส่งเมล์ แบบธรรมดา
เฟริสท์ (47,260 - 07 ธ.ค. 50)