zclipを使用してDIV内のコンテンツをコピーする方法

Question

jQuery zclipを使用して、テキストボックスの代わりにDIVタグのコンテンツをコピーする方法を知りましょう。

例：<div class="txtdiv>いくつかのテキスト「クリップボードにzclipを使用してテキストをコピーするにはどうすればよいですか？

リンクは事前にhttp://www.steamdev.com/zclip/

感謝をzclipします。

Answer 1

は、私はあなたが

<div id='copy'>Copy this</div> 
<button id='copy-button'>copy</button> 

を持っている場合は、ここで

$("#copy-button").zclip({ 
    path: "http://www.steamdev.com/zclip/js/ZeroClipboard.swf", 
    copy: function() { 
     return $(this).prev().text(); 
    } 
}); 

フィドル行うことができると思います：私はこれをテストしていませんhttp://jsfiddle.net/f4gZA/

Answer 2

を - しかし、あなただけの必要なように思えます正しいセレクタ

$('a#copy-description').zclip({ 
    path:'js/ZeroClipboard.swf', 
    copy:$('div.txtdiv').text() 
}); 

Answer 3

あなたはidタグで何かを使うことができるはずです。私は実際にAJAXポストバックを介してそれをつかんでいますが、同じ考えです。これはすべてのブラウザで機能します。

<script type="text/javascript"> 
    //any jQuery/js Objects we want initialized 
    if (typeof (PageInfo) === "undefined") { 
     var PageInfo = { 
      //stuff needed for communication process 
      VehicleID: null, 
      PostHTML: '', 
      TemplateHTML: '', 
      CopiedTemplateID: -1, 
      TimeoutResult: false, 
      isEbay: false 
     }; 
    } 

    $(document).ready(function() { 

     $('#btnCopy').each(function (i) { 
      var $this = $(this); 
      $(this).zclip({ 
       path: '/js/ZeroClipboard.swf', 
       copy: function() { 
        PageInfo.VehicleID = $('#<%=Me.ddlVehicleID.ClientID %>').val(); 
        var yesno = $('input[name=chkEbay]:checked').val() 
        if (yesno == 'Yes') { 
         PageInfo.isEbay = true; 
        } 
        $.ajax({ 
         //do stuff 
        }); 
        $.ajax({ 
         /do more stuff 
        }); 
        return PageInfo.PostHTML; 
       }, 
       afterCopy: function() { 
        $('#imgConfirm').show(); 
       } 
      }); 
     }); 

また、htmlはasp.netを使用していますが、同様のものを使用できるはずです。

  <div style="float: left; margin: 5px 5px 5px 5px;"> 
       <b> Select a Vehicle:</b><br /> 
       <asp:DropDownList runat="server" ID="ddlVehicleid" /> 
      </div>