|
|
<style type="text/css">
|
|
|
body{background: #f2f4f6;}
|
|
|
.copy-tips{position:fixed;z-index:999;bottom:50%;left:50%;margin:0 0 -20px -80px;background-color:rgba(0, 0, 0, 0.2);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#30000000, endColorstr=#30000000);padding:6px;}
|
|
|
.copy-tips-wrap{padding:10px 20px;text-align:center;border:1px solid #F4D9A6;background-color:#FFFDEE;font-size:14px;}
|
|
|
</style>
|
|
|
<script type="text/javascript" src="/js/jquery.zclip.min.js"></script>
|
|
|
<div class="row">
|
|
|
<div class="container">
|
|
|
<div class="span12" style="background:#fff;padding:20px 0;border-bottom:1px solid #ddd;">
|
|
|
<h4 style="padding-left:30px;">Paypal支付链接生成</h4>
|
|
|
</div>
|
|
|
<div class="span12" style="background:#fff;padding-top:30px;padding-bottom:20px;">
|
|
|
<form class="form-horizontal" method="post" action="<?php echo site_url('payment/index');?>">
|
|
|
<div class="control-group">
|
|
|
<label class="control-label" for="inputEmail">类型</label>
|
|
|
<div class="controls">
|
|
|
<select style="width:315px;">
|
|
|
<option>paypal</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="control-group">
|
|
|
<label class="control-label" for="inputEmail">币种</label>
|
|
|
<div class="controls">
|
|
|
<select style="width:315px;">
|
|
|
<option>美元</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="control-group">
|
|
|
<label class="control-label" for="inputEmail">语种</label>
|
|
|
<div class="controls">
|
|
|
<select style="width:315px;">
|
|
|
<option>英语</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="control-group">
|
|
|
<label class="control-label">金额</label>
|
|
|
<div class="controls">
|
|
|
<input style="width:300px;" type="text" id="price" name="price" placeholder="金额" autocomplete="off">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="control-group">
|
|
|
<label class="control-label">描述</label>
|
|
|
<div class="controls">
|
|
|
<textarea rows="3" style="width:300px;" name="description">
|
|
|
Tracking Code:
|
|
|
Travel Advisor:
|
|
|
Content:</textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="control-group">
|
|
|
<div class="controls">
|
|
|
<button type="submit" class="btn btn-danger">生成支付链接</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
<?php if(isset($payurl)){ ?>
|
|
|
<div class="span12" style="background:#fff;padding-top:30px;padding-bottom:30px;border-top:1px solid #ddd;">
|
|
|
<div class="span4" id="payhtml" style="margin-left:175px;"><?php echo $payurl; ?></div>
|
|
|
<div class="span5" style="height:200px;">
|
|
|
<h5>获取支付链接的两种方式:</h4>
|
|
|
<ul>
|
|
|
<li style="padding-bottom:8px;">请拖动鼠标选中左边的支付图片(在图片下方鼠标左键三击试试)，然后按下键盘上的Ctrl+C键对图片链接复制,接着在你需要插入支付链接的地方按Ctrl+V键进行粘贴即可。<br>[温馨提示：不能直接用鼠标右键功能进行复制]</li>
|
|
|
<li>你也可以点击<a href="#none" class="copy">复制</a>，直接把支付链接发送给客人<br>[注意，这种方式得到的链接是没有paypal图标的。]</li>
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<?php } ?>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<script type="text/javascript">
|
|
|
$(document).ready(function(){
|
|
|
if ($("#payhtml>a").length>0) {
|
|
|
var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 支付链接成功生成</div></div>");
|
|
|
$("body").find(".copy-tips").remove().end().append($copysuc);
|
|
|
$(".copy-tips").fadeOut(3000);
|
|
|
};
|
|
|
|
|
|
$(".copy").zclip({
|
|
|
path: "/js/ZeroClipboard.swf",
|
|
|
copy: function(){
|
|
|
return $("#payhtml>a").attr('href');
|
|
|
},
|
|
|
beforeCopy:function(){/* 按住鼠标时的操作 */
|
|
|
$(this).css("color","orange");
|
|
|
},
|
|
|
afterCopy:function(){/* 复制成功后的操作 */
|
|
|
var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制成功</div></div>");
|
|
|
$("body").find(".copy-tips").remove().end().append($copysuc);
|
|
|
$(".copy-tips").fadeOut(3000);
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
</script>
|