0
zeroclipboard에 대한 많은 게시물을 보았습니다.하지만 불행히도 저와 같은 초보자에게는 답이 도움이되지 않았습니다. 나는 한 장의 쿠폰이 담긴 페이지를 가지고있다. 누군가 쿠폰을 클릭하면 쿠폰의 CODE를 복사 한 다음 쿠폰의 LINK로 가져 가고 싶습니다. 경고 메시지에 CODE를 복사 할 수는 있지만 각 쿠폰의 링크에서 지정한 URL로 이동하는 방법을 알 수는 없습니다. 누군가 나에게 이것을 할 수있는 방법을 보여줄 수 있습니까? (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>