如何使用zclip複製DIV內的內容

Question

想知道如何使用jQuery zclip複製DIV標記的內容而不是文本框。

例如：<div class="txtdiv>一些文本如何將「某些文本」複製到使用zclip的剪貼板中？

鏈接zclip http://www.steamdev.com/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>