bring back tjb's original regenerate sig demo

Kalyse · Aug 29, 2013 · 24736f1 · 24736f1
1 parent f5a5a55
commit 24736f1
Show file tree

Hide file tree

Showing 4 changed files with 185 additions and 224 deletions.
diff --git a/examples/draw-smoothed-vs-linear.html b/examples/draw-smoothed-vs-linear.html
@@ -13,9 +13,8 @@
   <form method="post" action="">
 
     <div class="sigPad" id="linear" style="width:404px;">
-      <label for="name">Linear Interpolation</label>
+      <h2>Linear Interpolation</h2>
       <ul class="sigNav">
-        <li class="typeIt"><a href="#type-it" class="current">Type It</a></li>
         <li class="drawIt"><a href="#draw-it" >Draw It</a></li>
         <li class="clearButton"><a href="#clear">Clear</a></li>
       </ul>
@@ -27,7 +26,7 @@
     </div>
 
     <div class="sigPad" id="smoothed" style="width:404px;">
-      <label for="name">Bezier Curves</label>
+      <h2>Bezier Curves</h2>
       <ul class="sigNav">
         <li class="drawIt"><a href="#draw-it" >Draw It</a></li>
         <li class="clearButton"><a href="#clear">Clear</a></li>

diff --git a/examples/regenerate-signature.html b/examples/regenerate-signature.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<head>
+  <meta charset="utf-8">
+  <title>Regenerate a Signature · Signature Pad</title>
+  <style>
+    body { font: normal 100.01%/1.375 "Helvetica Neue",Helvetica,Arial,sans-serif; }
+    p { margin: 0.515em 0 0; padding: 0 6px; }
+  </style>
+  <link href="../assets/jquery.signaturepad.css" rel="stylesheet">
+  <!--[if lt IE 9]><script src="../assets/flashcanvas.js"></script><![endif]-->
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
+</head>
+<body>
+  <div class="sigPad signed">
+    <div class="sigWrapper">
+      <div class="typed">Sir John A. Macdonald</div>
+      <canvas class="pad" width="198" height="55"></canvas>
+    </div>
+    <p>Sir John A. Macdonald<br>July 1, 1867</p>
+  </div>
+
+  <script src="../jquery.signaturepad.js"></script>
+  <script src="sample-signature-output.js"></script>
+  <script>
+    $(document).ready(function() {
+      $('.sigPad').signaturePad({displayOnly:true}).regenerate(sig);
+    });
+  </script>
+  <script src="../assets/json2.min.js"></script>
+</body>
diff --git a/examples/regenerate-smoothed-vs-linear.html b/examples/regenerate-smoothed-vs-linear.html
@@ -11,22 +11,22 @@
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 </head>
 <body>
-  <div id="sig1" class="sigPad signed" style="border: solid black 1px;">
+
+  <div id="sig1" class="sigPad signed" style="border: solid black 1px; display:none;">
     <div class="sigWrapper">
       <div class="typed">Sir John A. Macdonald</div>
       <canvas class="pad" width="198" height="55"></canvas>
     </div>
     <p>Sir John A. Macdonald<br>July 1, 1867</p>
   </div>
 
-  <div id="sig2" class="sigPad signed" style="width:400px;border:solid black 1px;">
+  <div id="sig2" class="sigPad signed" style="width:400px;border:solid black 1px; display:none;">
     <div class="sigWrapper" style="height:110px;">
       <div class="typed">Sir John A. Macdonald</div>
       <canvas class="pad" width="396" height="110" style="background-color:gray"></canvas>
     </div>
     <p>Sir John A. Macdonald<br>July 1, 1867</p>
   </div>
-
   <div id="sig3" class="sigPad signed" style="width:800px;border:solid black 1px;">
     <div class="sigWrapper" style="height:310px;">
       <div class="typed">Sir John A. Macdonald</div>
@@ -47,7 +47,7 @@
   <script src="../assets/bezier.js"></script>
 
   <script src="../jquery.signaturepad.js"></script>
-  <script src="sample-signature-output.js"></script>
+  <script src="carlos-signature-output.js"></script>
   <script>
     $(document).ready(function() {
       $('#sig1').signaturePad({displayOnly:true}).regenerate(sig);