2012-09-06 28 views
0

我見過很多關於zeroclipboard的文章,但不幸的是這些回覆對像我這樣的腳本新手沒有幫助(可以理解)。我有一個頁面上有一堆優惠券。當有人點擊優惠券時,我想複製優惠券的CODE,然後將其帶到優惠券的LINK。我可以將CODE複製到警報中,但我無法弄清楚如何將它們帶到我在每個優惠券的LINK中指定的網址。有人可以告訴我一個辦法嗎?這裏是我的代碼...Zeroclipboard複製文本後切換頁面

<section style="position:relative"> 
<div id="sliders" style="margin:0 auto; width: auto; height:auto;"> 
    <div class="scrollable" id="scrollable"> 
     <div id="slider1" class="items"> 

      <div onclick="window.open('http://url-one.com','_blank');"> <!--THERE ARE SEVERAL OF THESE--> 
       html... 
       <div id="clip_container1"> 
        <p id="coupon1" link="url-one.com" onMouseOver="move_swf(this)">copytext1</p> 
       </div> 
      </div> 

     </div> 
    </div> 
</div> 
</section> 

<script> 
ZeroClipboard.setMoviePath('<?= base_url("resource/js/ZeroClipboard.swf");?>'); 
var clip = null; 
// function $(id) { return document.getElementById(id); } //not needed? 
function init() 
{ 
    clip = new ZeroClipboard.Client(); 
    clip.setHandCursor(true); 
    clip.addEventListener('complete', function(client, text) { 
     alert("Copied Coupon Code to your clipboard:\n" + text); 
//   now open "link" in a new window...; 
    }); 
    } 

function move_swf(ee) 
{ 
    copything = document.getElementById(ee.id+"").innerHTML; 
    clip.setText(copything.substring(23)); 
     if (clip.div) 
    {  
     clip.receiveEvent('mouseout', null); 
     clip.reposition(ee.id); 
     } 
     else{ clip.glue(ee.id); 
     } 
     clip.receiveEvent('mouseover', null); 
}  
window.onload = init; 
</script> 

回答

0

由它所包含 優惠券代碼獲取所需的DOM元素(假設優惠券代碼是唯一的)

這樣添加的東西,報警代碼如下:

(假設我添加了代碼行中的jquery):

clip.addEventListener('complete', function(client, text) { 
    alert("Copied Coupon Code to your clipboard:\n" + text); 

    //Add the two lines below 

    var mylink = jQuery("p:contains(" + text + ")").attr('link'); 
    myWhateverOpenSesameFunctionToOpenMyLink(mylink); 
});