สอบถามเทพ javascript หน่อยครับ copy to clipboard

luckyduo · 28 มกราคม 2014, 19:28:59

จากรูปนะครับ ตอนนี้ผมกำลังทำคือ เมื่อเรากดปุ่มเลือกทั้งหมด จะทำการ select all แต่ทีนี้ผมต้องการให้มัน selct all to copy คือกดปุ่มแล้วมัน copy บทความที่อยู่ด้านล่างทั้งหมดใน TEXTAREA แต่ผมทำได้แต่เลือกทั้งหมด แต่ให้มัน copy ไม่ได้คับ ช่วยกรุณาแนะนำหน่อยคับ ให้มีปุ่มแยกก็ได้คับ

code นะครับ

โค้ด เลือก


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>ทำตัวอักษรหล่นมาจากด้านบน</title>
</head>

<body background="../../../bg/bg.jpg" topmargin="0" leftmargin="0">

<div align="center">
  <table border="2" width="778" height="205" bordercolor="#0000FF" cellspacing="0" cellpadding="0">
    <tr>
      <td background="../../../bg/wood.jpg" width="780" height="23">
        <p align="center"><b>
        <font face="MS Sans Serif" size="5" color="#FF0000">
        ทำตัวอักษรหล่นมาจากด้านบน</font></b></td>
    </tr>
    <tr>
      <td width="780" height="178" valign="top"><br>
<p align="center"><b><font face="MS Sans Serif" size="1" color="#0000FF">นำ CODE
ด้านล่างไปไว้ที่ &lt;head&gt; ครับ</font></b></p>
<FORM WEBBOT-onSubmit webbot-action="--WEBBOT-SELF--">
      <DIV align=left>
      <P align="center">
      <SCRIPT>
<!--
function highlight(x){
document.forms[x].elements[0].focus()
document.forms[x].elements[0].select()
}
//-->
      </SCRIPT>
      <A onmouseover="window.status='';return true" 
      href="javascript:highlight(0)">
      <IMG 
      src="http://www.codetukyang.com/./images/selectall.gif" 
      border=0 width="88" height="18"></A><BR><TEXTAREA rows="7" cols="50" name="S">5555555555555555555555555555555555555555555555555555555555</TEXTAREA></P></DIV></FORM>
</form>



</body>

</html>

ผมเอามาจาก http://www.codetukyang.com/
พอดีไม่เคยเล่น java ขอบคุณครับ

luckyduo · 28 มกราคม 2014, 21:14:13

ดันนิสครับ

Surakrai · 28 มกราคม 2014, 22:09:59

ใช้ jquery เถอะครับ ตัวอย่าง http://jsfiddle.net/surakrai/Xn29M/

max30012540 · 28 มกราคม 2014, 22:26:24

อันตัว js เอง เข้าใจว่าติดระบบป้องกันอะไรซักอย่าง ทำให้ใช้โค้ดเพื่อสั่ง copy to clipboard ตรงๆไม่ได้ครับ ต้องเลี่ยงโดยใช้ภาษาของแฟลชแทน (ไม่แน่ใจว่าภาษาชื่ออะไร) จึงมีคนออกเป็นปลักอิน jq มา ชื่อ ZeroClipboard (หลักการทำงานตามที่กล่าวไว้ข้างต้น)

iCeEffecT · 30 มกราคม 2014, 02:08:10

copy ลง clipboard นั้นรองรับเฉพาะ IE ครับ ถ้าเป็น browser ตัวอื่นๆจะใช้ไม่ได้ เนื่องจากเหตุผลด้านความปลอดภัย ถ้าต้องการ cross browser ต้องใช้ปุ่มแบบ flash มาช่วยครับ มันจะสามารถ cross browser ได้

teerstudio · 30 มกราคม 2014, 13:06:08

นี่เลยครับ
https://github.com/zeroclipboard/zeroclipboard

สอบถามเทพ javascript หน่อยครับ copy to clipboard

luckyduo

luckyduo

Surakrai

max30012540

iCeEffecT

teerstudio