SkySquabble

₹120.00

Preview
Code

Are you tired of ordinary, humdrum flights that leave you feeling as lively as a deflated balloon? Well, get ready for the wildest ride of your life with our SkySquabble airplanes! We've transformed the skies into your very own comedy club, where laughter takes flight and boredom gets left behind on the tarmac.

PCI Compliant Secured Customizable

visa 4111 1111 1111 1111

Card

Expiry Date

CVV

Name on the card

You will need a payment_session_id to try out this code. Search for yourPaymentSession and replace with yours.

<!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.0">
		<title>Document</title>
		<script src="https://sdk.cashfree.com/js/v3/cashfree.js"></script>
	</head>

	<body>
	
		<div id="cardNumber" />
		<div id="cardCvv" />
		<div id="cardExpiry" />
		<div id="cardHolder" />
	<input type="button" id="payBtn" value="Pay" />
	<script>
		
		const cashfree = await load({ 
			mode: "sandbox", //or production
		});

		const cardComponent = cashfree.create("cardNumber", {});
		cardComponent.mount("#cardNumber");

		const cardCvv = cashfree.create("cardCvv", {});
		cardCvv.mount("#cardCvv");

		const cardExpiry = cashfree.create("cardExpiry", {});
		cardExpiry.mount("#cardExpiry");

		const cardHolder = cashfree.create("cardHolder", {});
		cardHolder.mount("#cardHolder");

		const showError = function(e){
			alert(e.message)
		}

		document.querySelector("#payBtn").addEventListener("click", async () => {
			const myWindow = window.open("", "MsgWindow", "width=800,height=600");
			cashfree.pay({
				paymentMethod: cardComponent,
				paymentSessionId: "yourPaymentSession",
				returnUrl: "https://merchantsite.com/return?order_id={order_id}",
				redirectTarget: "MsgWindow",
			}).then(function (data) {
				if (data != null && data.error) {
					return showError(data.error)
				}
			});
		})
		</script>
	</body>
</html>


`1`	`<!DOCTYPE html>`
`2`	`<html lang="en">`
`3`
`4`	`<head>`
`5`	`<meta charset="UTF-8">`
`6`	`<meta http-equiv="X-UA-Compatible" content="IE=edge">`
`7`	`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
`8`	`<title>Document</title>`
`9`	`<script src="https://sdk.cashfree.com/js/v3/cashfree.js"></script>`
`10`	`</head>`
`11`
`12`	`<body>`
`13`
`14`	`<div id="cardNumber" />`
`15`	`<div id="cardCvv" />`
`16`	`<div id="cardExpiry" />`
`17`	`<div id="cardHolder" />`
`18`	`<input type="button" id="payBtn" value="Pay" />`
`19`	`<script>`
`20`
`21`	`const cashfree = await load({`
`22`	`mode: "sandbox", //or production`
`23`	`});`
`24`
`25`	`const cardComponent = cashfree.create("cardNumber", {});`
`26`	`cardComponent.mount("#cardNumber");`
`27`
`28`	`const cardCvv = cashfree.create("cardCvv", {});`
`29`	`cardCvv.mount("#cardCvv");`
`30`
`31`	`const cardExpiry = cashfree.create("cardExpiry", {});`
`32`	`cardExpiry.mount("#cardExpiry");`
`33`
`34`	`const cardHolder = cashfree.create("cardHolder", {});`
`35`	`cardHolder.mount("#cardHolder");`
`36`
`37`	`const showError = function(e){`
`38`	`alert(e.message)`
`39`	`}`
`40`
`41`	`document.querySelector("#payBtn").addEventListener("click", async () => {`
`42`	`const myWindow = window.open("", "MsgWindow", "width=800,height=600");`
`43`	`cashfree.pay({`
`44`	`paymentMethod: cardComponent,`
`45`	`paymentSessionId: "yourPaymentSession",`
`46`	`returnUrl: "https://merchantsite.com/return?order_id={order_id}",`
`47`	`redirectTarget: "MsgWindow",`
`48`	`}).then(function (data) {`
`49`	`if (data != null && data.error) {`
`50`	`return showError(data.error)`
`51`	`}`
`52`	`});`
`53`	`})`
`54`	`</script>`
`55`	`</body>`
`56`	`</html>`
`57`