Sahil Verma Sarkar

## gist:7d24d4fa75a86ee6963e48d703ff2e80
<!DOCTYPE html>
<html>
  <head>
    <script src="https://static.wepay.com/min/js/tokenization.3.latest.js"></script>
  </head>
<body>
 <!-- credit-card-iframe id will be the location for appending the credit card iframe -->
 <div id="credit-card-iframe"></div>
 <!-- this button will attach an onclick event to trigger submitToken function -->
 <button id="submit-credit-card-button">submit</button>

## gist:823fafc97dcd3fdeca5194b8d1a974d6
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Credit Card iFrame demo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://cdn.wepay.com/wepay.min.js"></script>
</head>

## gist:8062935
	this.mooverlay = new Mooverlay(this.trigger, this.popup, {
			width: '615px',
			onShow: this.bound('onShow')
		});

## gist:8062686
	this.mooverlay = new Mooverlay(this.trigger, this.popup, {
			width: 615,
			height: 650,
			styles: {
				position: 'relative'
			},
			backgroundColor: 'transparent',
			onShow: this.bound('onShow')
		});
	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://static.wepay.com/min/js/tokenization.3.latest.js"></script>
	</head>
	<body>
	<!-- credit-card-iframe id will be the location for appending the credit card iframe -->
	<div id="credit-card-iframe"></div>
	<!-- this button will attach an onclick event to trigger submitToken function -->
	<button id="submit-credit-card-button">submit</button>
	this.mooverlay = new Mooverlay(this.trigger, this.popup, {
	width: '615px',
	onShow: this.bound('onShow')
	});
	this.mooverlay = new Mooverlay(this.trigger, this.popup, {
	width: 615,
	height: 650,
	styles: {
	position: 'relative'
	},
	backgroundColor: 'transparent',
	onShow: this.bound('onShow')
	});