Last active
August 29, 2015 14:02
-
-
Save stanggt3/24c3829ed48f8e3be053 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default2.aspx.cs" Inherits="mbsRewrite.backend.default2" %> | |
<!DOCTYPE html> | |
<html xmlns="http://www.w3.org/1999/xhtml"> | |
<head runat="server"> | |
<link href="/scripts/TestScripts/card/card.css" rel="stylesheet" /> | |
<title></title> | |
<style> | |
.demo-container { | |
width: 350px; | |
margin: 50px auto; | |
} | |
form { | |
margin: 30px; | |
} | |
input { | |
width: 200px; | |
margin: 10px auto; | |
display: block; | |
} | |
</style> | |
</head> | |
<body> | |
<form id="form" runat="server"> | |
<div> | |
<div class="demo-container"> | |
<div class="card-wrapper"></div> | |
<div class="form-container"> | |
<input placeholder="Card number" type="text" name="number" id="number" /> | |
<input placeholder="Full name" type="text" name="name" id="name"/> | |
<input placeholder="MM/YY" type="text" name="expiry" id="expiry"/> | |
<input placeholder="CVC" type="text" name="cvc" id="cvc"/> | |
</div> | |
</div> | |
</div> | |
</form> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> | |
<script src="/scripts/TestScripts/card/card.js" ></script> | |
<script type="text/javascript"> | |
$('.form-container').card({ container: $('.card-wrapper') }) | |
</script> | |
</body> | |
</html> |
Updated with inline version to keep it simple
Change $('.form-container')
to $('#form')
This way will work.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Can you post the default.js here too?