- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我有一个不错的 Bootstrap 定价 slider ,它最初来自这里:http://amirolahmad.github.io/bootstrap-pricing-slider/
在我的 Bootstrap Pricing Slider 中,我在所有数学运算后得到了“总金额”,并且我得到了一个表示总金额的分数。
我有“处理”按钮,它通常什么都不做,也不会转发到任何地方。
我希望当我获得总分并单击“处理”时,金额将复制到 Paypal 付款中,该按钮会将我转发到 Paypal 进行付款,并将包括总分上显示的金额。我需要它来支付月度和年度费用。
完整代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap Pricing Slider</title>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="container">
<div class="price-box">
<form class="form-horizontal form-pricing" role="form">
<div class="price-slider">
<h4 class="great">Amount</h4>
<span>Minimum $10 is required</span>
<div class="col-sm-12">
<div id="slider"></div>
</div>
</div>
<div class="price-slider">
<h4 class="great">Duration</h4>
<span>Minimum 1 day is required</span>
<div class="col-sm-12">
<div id="slider2"></div>
</div>
</div>
<div class="price-form">
<div class="form-group">
<label for="amount" class="col-sm-6 control-label">Amount ($): </label>
<span class="help-text">Please choose your amount</span>
<div class="col-sm-6">
<input type="hidden" id="amount" class="form-control">
<p class="price lead" id="amount-label"></p>
<span class="price">.00</span>
</div>
</div>
<div class="form-group">
<label for="duration" class="col-sm-6 control-label">Duration: </label>
<span class="help-text">Choose your commitment</span>
<div class="col-sm-6">
<input type="hidden" id="duration" class="form-control">
<p class="price lead" id="duration-label"></p>
<span class="price">days</span>
</div>
</div>
<hr class="style">
<div class="form-group total">
<label for="total" class="col-sm-6 control-label"><strong>Total: </strong></label>
<span class="help-text">(Amount * Days)</span>
<div class="col-sm-6">
<input type="hidden" id="total" class="form-control">
<p class="price lead" id="total-label"></p>
<span class="price">.00</span>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-12">
<button type="submit" class="btn btn-primary btn-lg btn-block">Proceed <span class="glyphicon glyphicon-chevron-right pull-right" style="padding-right: 10px;"></span></button>
</div>
</div>
<div class="form-group">
<div class="col-sm-12">
<img src="images/payment.png" class="img-responsive payment" />
</div>
</div>
</form>
<p class="text-center" style="padding-top:10px;font-size:12px;color:#2c3e50;font-style:italic;">Created by <a href="https://twitter.com/AmirolAhmad" target="_blank">AmirolAhmad</a></p>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script>
$(document).ready(function() {
$("#slider").slider({
range: "min",
animate: true,
value:1,
min: 10,
max: 1000,
step: 10,
slide: function(event, ui) {
update(1,ui.value); //changed
}
});
$("#slider2").slider({
range: "min",
animate: true,
value:1,
min: 1,
max: 365,
step: 1,
slide: function(event, ui) {
update(2,ui.value); //changed
}
});
//Added, set initial value.
$("#amount").val(0);
$("#duration").val(0);
$("#amount-label").text(0);
$("#duration-label").text(0);
update();
});
//changed. now with parameter
function update(slider,val) {
//changed. Now, directly take value from ui.value. if not set (initial, will use current value.)
var $amount = slider == 1?val:$("#amount").val();
var $duration = slider == 2?val:$("#duration").val();
/* commented
$amount = $( "#slider" ).slider( "value" );
$duration = $( "#slider2" ).slider( "value" );
*/
$total = "$" + ($amount * $duration);
$( "#amount" ).val($amount);
$( "#amount-label" ).text($amount);
$( "#duration" ).val($duration);
$( "#duration-label" ).text($duration);
$( "#total" ).val($total);
$( "#total-label" ).text($total);
$('#slider a').html('<label><span class="glyphicon glyphicon-chevron-left"></span> '+$amount+' <span class="glyphicon glyphicon-chevron-right"></span></label>');
$('#slider2 a').html('<label><span class="glyphicon glyphicon-chevron-left"></span> '+$duration+' <span class="glyphicon glyphicon-chevron-right"></span></label>');
}
</script>
</body>
</html>
最佳答案
您需要编辑 update()
函数以将值写入 PayPal 表单。例如;
将其添加到靠近底部的 update()
函数中(在数学计算完成后)
$("#paypal_amount").val($amount);
然后添加PayPal表单
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick-subscriptions" />
<input type="hidden" name="business" value="MyEmailAddress@gmail.com" />
<input type="hidden" name="no_shipping" value="1">
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="a3" value="" id="paypal_amount" />
<input type="hidden" name="p3" value="1">
<input type="hidden" name="t3" value="D">
<input type="hidden" name="return" value="http://example.com/paypal-return" />
<input type="hidden" name="cancel_return" value="http://example.com/paypal-cancel" />
<input type="hidden" name="notify_url" value="http://example.com/paypal-notify" />
<input type="hidden" name="bn" value="PP-BuyNowBF" />
<input type="image" src="http://www.paypal.com/en_GB/i/btn/x-click-but20.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
</form>
http://jsfiddle.net/yk6fkh1s/2/
注意:Paypal 确实有一个 subscription and recurring payment documentation我建议你阅读。上面的表格将创建 x 天的订阅。
关于javascript - 使用 Bootstrap 定价 slider 的每月 Paypal 付款,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30365658/
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。 关闭 6 年前。
我对计算 Azure AD 价格中包含的术语感到非常困惑,甚至计算哪些定价层可以满足我的需求。由于我找不到对某些术语(如用户林)的良好解释,以及该用户林的时间代表什么。 我想购买 Azure AD 以
我在 Firestore 帮助中看到了下面的短语 document这让我很困惑。 “此外,如果监听器断开连接超过 30 分钟(例如,如果用户下线),您将像发出全新查询一样为读取付费。” 这是否意味着如
在创建新应用之前,我想确保我得到正确的定价模型。 例如,在电话簿应用程序中,我有一个名为 的集合。用户列表 有一个用户列表,这些用户是单个文档。 我的列表中有 50k 个用户,这意味着我的收藏中有 5
是否有类似于 AWS 用于产品列表和定价目录的 Azure 定价 API。例如,要获取 EC2 定价和产品目录,AWS 提供 JSON/CSV file ,想知道Azure是否有类似的东西 最佳答案
我已经建立了一个云 Composer 环境,但我对定价感到非常困惑。在定价页面中,写到任何环境都至少有 2 个 DB vCPU 和 2 个 Web 服务器 vCPU。 在页面的进一步部分,写到可以部分
假设我在一个集合中有 20 个文档,每个文档都有一个字段,其中包含用于查询的 View 数。下面的例子 collection |_document |_views:
我知道 Azure Functions 每月最多可免费执行 100 万次,并提供 400,000 GB 秒的空间。 这是每月按功能应用程序吗? 如果我有 3 个功能应用,每个月都可以免费获得此津贴吗?
这个问题已经有答案了: How would Azure storage be billed? (1 个回答) 已关闭 9 年前。 我对 Windows azure 非常陌生。我只是好奇用于排序或过滤
我想知道 Azure 费用是否仅适用于我使用过的资源,无论我在 Azure 虚拟机内是否托管了多个站点? 最佳答案 我认为你必须更具体一点。 通常,即使您不使用资源,云提供商也会根据您分配资源的时间收
根据 MS 的说法,有一个到本地数据网关的 Azure 服务总线组件,但是当您安装 Azure 组件时,没有创建服务总线资源。我们需要了解对定价的影响,即服务总线的价格是否隐藏在 Azure on p
价格计算器 Azure 不向我们显示选项,我们告知我们使用其服务的小时数。价格计算器 Windows Azure 是否计算该月每天 24 小时的使用时间? 如果我整个月每天访问 Windows Azu
我正在尝试了解 Azure 中数据库的成本。 我创建了一个弹性数据库池,它显示最多 200 个数据库和 100 个 eDTU 的每月费用为 R2580(南非兰特)。 如果我转到我在池中创建的任何数据库
已关闭。这个问题是 off-topic 。目前不接受答案。 想要改进这个问题吗? Update the question所以它是on-topic用于堆栈溢出。 已关闭10 年前。 Improve th
我正在尝试了解 Azure 中数据库的成本。 我创建了一个弹性数据库池,它显示最多 200 个数据库和 100 个 eDTU 的每月费用为 R2580(南非兰特)。 如果我转到我在池中创建的任何数据库
已关闭。这个问题是 off-topic 。目前不接受答案。 想要改进这个问题吗? Update the question所以它是on-topic用于堆栈溢出。 已关闭10 年前。 Improve th
我正在创建一个带有 IAP 的应用程序,并且一切正常,包括每个区域都显示适合该区域的价格。例如,在美国,UIButton 上的 IAP 在英国以 $ 和 £ 显示价格。 我在我的应用程序中使用两个定价
我想使用 QuantLib 为负债组合定价,这些负债组合被建模为确定性的 future 现金流。我现在将它们建模为一条零息票的 FixedRateBonds,这似乎是一个非常不优雅的解决方案。 问题:
已结束。 这个问题是 off-topic 。它目前不接受答案。 想要改进这个问题吗? Update the question 所以它是 Stack Overflow 的 on-topic。 关闭 10
这个问题在这里已经有了答案: Does the Firebase Spark (free) plan work on a per project basis? (1 个回答) 关闭 1 年前。 配额
我是一名优秀的程序员,十分优秀!