diff options
| author | Joshua Gourneau <josh@gourneau.com> | 2012-03-13 23:46:55 -0700 |
|---|---|---|
| committer | Joshua Gourneau <josh@gourneau.com> | 2012-03-13 23:46:55 -0700 |
| commit | 6f1eda559a482964fe1f6cbea9afd2f0c288d063 (patch) | |
| tree | c4e9a1a9779c4552a4d3012a18d067866d8948ab /index.html | |
| parent | 861eb1a5fa0777a6cebe96a43fd30def39005388 (diff) | |
signature pad include
Diffstat (limited to 'index.html')
| -rwxr-xr-x | index.html | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100755 index 0000000..3611eec --- /dev/null +++ b/index.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<head> + <meta charset="utf-8"> + <title>Require a Drawn Signature · Signature Pad</title> + <style type="text/css"> + body { font: normal 100.01%/1.375 "Helvetica Neue",Helvetica,Arial,sans-serif; } + </style> + <link rel="stylesheet" href="js/jquery.signaturepad.css"> + <!--[if lt IE 9]><script src="js/flashcanvas.js"></script><![endif]--> + <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> +</head> +<body> + <form method="post" action="" class="sigPad"> + <label for="name">Your swear</label> + <input type="text" name="name" id="name" class="name"> + <p class="drawItDesc">Draw your signature</p> + + <a class="clearButton" href="#">clear</a> + + <div class="sig sigWrapper"> + <div class="typed"></div> + <canvas class="pad" width="198" height="55"></canvas> + <input type="hidden" name="output" class="output"> + </div> + <button type="submit">I accept the terms of this agreement.</button> + </form> + + <script src="js/jquery.signaturepad.min.js"></script> + <script> + $(document).ready(function() { + $('.sigPad').signaturePad({drawOnly:true,errorMessage:"Write the swear",errorMessageDraw:"sign the swear bro"}); + }); + </script> + <script src="js/json2.min.js"></script> +</body> |