Capture a Signature with jQuery and HTML 5 (part 2)

preview_player
Показать описание
In this second part of this series we complete our signature capture application by storing the

signature data on the server in a text file that we later fetch with a jQuery AJAX call and display

it to the user. This technique is cross browser friendly and works in IE7, 8, 9, Chrome, Firefox and

Safari. It will also work on most mobile device touch screens.
  1. wormracer08
  2. jQuery
  3. javascript
  4. HTML5
  5. signature
  6. HTML
Рекомендации по теме
Capture a Signature 0:21:03

Capture a Signature with jQuery and HTML 5

Capture a Signature 0:16:56

Capture a Signature with jQuery and HTML 5 (part 2)

Draw & Download 0:03:48

Draw & Download Signature In jQuery | Capture Signature In HTML Webpage | Signature Pad JavaScri...

JQuery Signature Widget 0:05:38

JQuery Signature Widget in FEB

How to Create 0:14:22

How to Create Signature Pad Using jQuery Plugin in HTML

How to create 0:03:04

How to create signature pad using jquery plugin in html

Put online signature 0:12:28

Put online signature using HTML5 canvas with JQuery

TMS WEB Core 0:06:51

TMS WEB Core : capturing signatures in web applications

Signature Capture embedded 0:00:31

Signature Capture embedded in a Flow

03. Capture Signature 0:03:01

03. Capture Signature & Other Options - eSign Signature Capture

Signature Pad with 0:01:25

Signature Pad with jQuery UI and Save Signature To MySQL Database Using Ajax and PHP

Zetakey HTML5 Canvas 0:00:12

Zetakey HTML5 Canvas Demo - Signature Webapp

Episode #044 - 0:08:20

Episode #044 - Capturing Signatures with Signature Pad

DRAW/PAINT Web App 0:19:08

DRAW/PAINT Web App with jQuery Tutorial

signature DCH - 0:05:22

signature DCH - Laravel - jquery

Android Canvas Tutorial 0:00:37

Android Canvas Tutorial - Capture Digital Signature and Save

Saving & Load 0:01:13

Saving & Load Signatures with php and mysql

Signature Pad in 0:03:01

Signature Pad in HTML, CSS, JS and Canvas #1

Add Electronic Signing 0:05:44

Add Electronic Signing to Your Site with SignPad: A jQuery Signature Pad Plugin

Signature Capture on 0:01:36

Signature Capture on Mobile Devices

How to capture 0:01:32

How to capture your signature & sign a form with your computer's camera

e-Signature Pad Using 0:07:00

e-Signature Pad Using Jquery AJAX and PHP | Digital Signature Pad On Submission Form

How to capture 0:00:34

How to capture a signature with Apple's Preview - El Capitan

Salesforce 1 Mobile 0:01:00

Salesforce 1 Mobile Signature Capture with HTML5 Canvas and Visualforce

Комментарии
Автор

Dude cool this tutorial was very well done, thanks!

EarthCrossers
Автор

outstanding ! Thanks so much for this bro

MrShawnlloyd
Автор

I've been working with this for a few days and am having trouble with the server side php. When I submit an image, the page appears to refresh. Meanwhile nothing is happening on the text document. I uploaded one (after trying without one), but i'm still just seeing a 0kb file. What do you think i'm missing? I pretty much copied your process.

Thanks in advance

bcbird
Автор

Hi! Thanks for this module. Is it possible to output the created image to a image file instead of a text file? I'm trying to send the signature as an image to an email through phpmailer... Thanks for your help!

amcarinc
Автор

Can you, instead of overriding the text file, create a new one named like textfile(2) so that you can keep a record of all sigs?

TcheCaver
Автор

I dont have php support... is there any way around this?

TcheCaver
visit shbcf.ru