|
|
|
สร้าง "ปุ่ม" เชื่อมโยง ไม่เป็นครับ html javascript php รบกวนพี่ๆทุกท่านด้วยครับผม |
|
|
|
|
|
|
|
ไปอ่าน document ของ kapi ให้เข้าใจก่อนครับ มันไม่ควรจะมีแค่ fixed price แบบนี้
มันควรมีแบบ dynamic เปลี่ยนแปลงราคาได้
หรือ ถ้าจำเป็นจริงๆ เอา form ใสเข้าไปใน div แบบซ่อนไว้ก่อน พอเลือก เงินใน list ค่อยแสดง
Code (PHP)
<div style="display: none" class="box_money" id="66">
<form method="POST" action="/checkout">
<script type="text/javascript"
src="https://dev-kpaymentgateway.kasikornbank.com/ui/v2/kpayment.min.js"
data-apikey="pkey_test_20619tXwEl3RIREhjvONydALepHwKgYpzVEFg"
data-amount="66"
data-currency="THB"
data-payment-methods="card"
data-name="ทดสอบ"
data-mid="451005588142001"
>
</script>
<input type="hidden" name="amount" value="66"/>
</form>
<div>
<div style="display: none" class="box_money" id="100">
<form method="POST" action="/checkout">
<script type="text/javascript"
src="https://dev-kpaymentgateway.kasikornbank.com/ui/v2/kpayment.min.js"
data-apikey="pkey_test_20619tXwEl3RIREhjvONydALepHwKgYpzVEFg"
data-amount="100"
data-currency="THB"
data-payment-methods="card"
data-name="ทดสอบ"
data-mid="451005588142001"
>
</script>
<input type="hidden" name="amount" value="66"/>
</form>
<div>
<select onchange="show(this)">
<option value="66">66</option>
<option value="100">100</option>
</select>
<script>
function show(slc){
$('.box_money').hide();
$('#'+slc.value).show();
}
</script>
หรือถ้าสามารถ แก้ไข data attribute ได้ ซึ่งผมตอบไม่ได้ว่า script เขาอนุญาต หรือเปล่า
ใส่ id ให้กับ script
Code (JavaScript)
<script id="kapi" src="......." data=amou............... ></script>
<script>
function show(slc){
$('#kapi').data('amount', slc.value); // เปลี่ยนค่า attribute data-amount
}
</script>
|
|
|
|
|
Date :
2020-09-20 11:50:13 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
โทรปรีกษา Kapi เลยครับ จำได้ว่ามันมี utility ซื้อขาย โดย ไม่กำหนดราคาตายตัว เหมือน paypal
หรือจะใช้วิธีการโอนเงินผ่าน ธนาคาร มาประยุกต์ เป็นการซื้อขายก็ได้ เขามี การส่ง เลขที่อ้างอิง การโอนเงิน กลับมาให้เราด้วย
|
|
|
|
|
Date :
2020-09-21 16:38:43 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ดังนั้นผมขอสอบถามเพิ่มเติมครับ
หากต้องการดัดแปลงโค๊ดนี้ให้ตอบโจทย์ด้านบน ต้องดัดแปลงยังไงบ้างครับ
**โจทย์คือ
1.เมื่อกรอก ตัวเลขเสร็จ กดปุ่ม "ยืนยัน"
2.ตัวเลขถูกเก็บค่าไปไว้ในปุ่ม "Pay Now"
3.เมื่อกดปุ่ม Pay Now ค่าตัวเลขที่ถูกเก็บไว้จะแสดงผลเป็นยอด "การชำระ"
โค๊ดที่ผมมีครับ
----------------------------------------------------------
<!DOCTYPE html>
<html>
<body>
<h2>ระบุจำนวนเงินที่ต้องการชำระ</h2>
<input type="number" id="myNumber" value="11.22">
<button onclick="myFunction()">ยืนยัน</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("myNumber").value;
document.getElementById("demo").innerHTML = x;
}
</script>
-----------------------------
<form method="POST" action="/checkout">
<script type="text/javascript"
src="https://dev-kpaymentgateway.kasikornbank.com/ui/v2/kpayment.min.js"
data-apikey="pkey_test_20619tXwEl3RIREhjvONydALepHwKgYpzVEFg"
data-amount="48"
data-currency="THB"
data-payment-methods="card"
data-name="ทดสอบ"
data-mid="451005588142001"
>
/h3>
</script>
<input type="hidden" name="amount" value="48"/>
</form>
|
|
|
|
|
Date :
2020-09-21 17:49:55 |
By :
xanderkiss |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เอางี้ดีไหม เขียนเป็น dynamic
Code (PHP)
<label>กรุณาคีย์ จำนวนเงิน</abel>
<input type="number" id="input_money" >
<button type=button onclick="send_money()">
<div id="tmp"></div>
<script>
function send_money(){
var html = `<form name="kapi" method="POST" action="/checkout">
<script type="text/javascript"
data-apikey="pkey_test_20619tXwEl3RIREhjvONydALepHwKgYpzVEFg"
data-amount="${$('#input_money').val()}"
data-currency="THB"
data-payment-methods="card"
data-name="ทดสอบ"
data-mid="451005588142001" ></script>
<input type="hidden" name="amount" value="${$('#input_money').val()}" >
<form>`;
$('#tmp').empty().append(html);
}
ก็ประมาณนี้ ประยุกต์เอาหน่อย
|
ประวัติการแก้ไข 2020-09-21 18:45:39 2020-09-21 18:45:46 2020-09-21 18:46:27
|
|
|
|
Date :
2020-09-21 18:43:50 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|