Jquery Deprecated Code issues

[quezmedia]

Hi I am using your Quforms plug in for a form that includes a signature area ad I keep getting these errors.

The form is here and the signature area does not show at the bottom:

Credit Application

Can you please help?

This page generated the following warnings:

https://martindaleco.com/wp-content/plugins/quform/js/kendo.core.min.js: jQuery.support.boxModel is deprecated
https://martindaleco.com/wp-content/plugins/quform/js/kendo.core.min.js: jQuery.event.handle is undocumented and deprecated
https://martindaleco.com/wp-content/plugins/quform/js/kendo.core.min.js: jQuery.attrFn is deprecated
https://martindaleco.com/wp-content/plugins/quform/js/kendo.core.min.js: jQuery.browser is deprecated
https://martindaleco.com/wp-content/plugins/quform/js/kendo.core.min.js: jQuery.boxModel is deprecated
https://martindaleco.com/wp-content/plugins/quform/admin/js/builder.all.min.js: ‘hover’ pseudo-event is deprecated, use ‘mouseenter mouseleave’

Please make sure you are using the latest version of all of your plugins, and your theme. If you are, you may want to ask the developers of the code mentioned in the warnings for an update.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[quezmedia]

thank you so much for your help. I was able to get the signature section of form to work but I have lost the roll over function on the “Clear” and the grey shaded box showing where the signature block is. its now just white space.

here is my code. Can you tell me what i am doing wrong?

<label style=”font-style: normal; color: #454545; font-size: 14px; font-weight: 600; text-transform: uppercase; font-family: Montserrat,Sans-serif;”>
Signature <span style=”color: #f26f20;”>*</span></label>

<style>.signature-pad canvas {<br /> margin-top: 5px;<br /> border: 2px solid #e1e1e3;<br /> }<br /> .signature-clear {<br /> width: 300px;<br /> text-align: left;<br /> margin-top: -8px;<br /> font-size: 11px;<br /> color: #737373;<br /> cursor: pointer;<br /> }<br /> .iphorm_5_218-element-wrap label, .iphorm_5_218-element-wrap .iphorm-input-wrap, .iphorm_5_218-element-wrap .iphorm-swfupload, .iphorm_5_218-element-wrap .iphorm-description {<br /> display: none !important;<br /> }<br /></style>

<div class=”signature-pad”>
<canvas width=”300″ height=”150″></canvas>
 
<div class=”signature-clear”>Clear</div>
<input name=”signature” type=”hidden” />

</div>
<script src=”https://martindaleco.com/wp-content/plugins/martindale-extras/assets/js/signature_pad.min.js”></script&gt;
<script>
jQuery(function ($) {

jQuery(‘.signature-pad’).each(function () {
var root = jQuery(this),
clear = root.find(‘.signature-clear’),
canvas = root.find(‘canvas’)[0],
output = root.find(‘input[name=”signature”]’),
signaturePad;

signaturePad = new SignaturePad(canvas, {
minWidth: 0.25,
maxWidth: 2,
onEnd: function () {
output.val(signaturePad.toDataURL());
}
});

clear.click(function() {
signaturePad.clear();
output.val(”);
});
});
});
</script>

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[quezmedia]

i removed the tags and it did not change anything. it should be a grey area for them to know where to sign.

<label style=”font-style: normal; color: #454545; font-size: 14px; font-weight: 600; text-transform: uppercase; font-family: Montserrat,Sans-serif;”>
Signature <span style=”color: #f26f20;”>*</span></label>

<style>
.signature-pad canvas margin-top: 5px; border: 2px solid #E1E1E3; .signature-clear width: 300px; text-align: left; margin-top: -8px; font-size: 11px; color: #737373; cursor: pointer; .iphorm_5_218-element-wrap label, .iphorm_5_218-element-wrap .iphorm-input-wrap, .iphorm_5_218-element-wrap .iphorm-swfupload, .iphorm_5_218-element-wrap .iphorm-description display: none !important; </style>

<div class=”signature-pad”><canvas width=”300″ height=”150″></canvas>
<div class=”signature-clear”>Clear</div>
<input name=”signature” type=”hidden” />

</div>
<script src=”https://gayleesaws.com/wp-content/plugins/martindale-extras/assets/js/signature_pad.min.js”></script&gt;
<script>
jQuery(function ($) {

jQuery(‘.signature-pad’).each(function () {
var root = jQuery(this),
clear = root.find(‘.signature-clear’),
canvas = root.find(‘canvas’)[0],
output = root.find(‘input[name=”signature”]’),
signaturePad;

signaturePad = new SignaturePad(canvas, {
minWidth: 0.25,
maxWidth: 2,
onEnd: function () {
output.val(signaturePad.toDataURL());
}
});

clear.click(function() {
signaturePad.clear();
output.val(”);
});
});
});
</script>

Attachments:

You must be logged in to view attached files.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[quezmedia]

Fantastic! Thank you so much!!! It’s working perfectly!

[Author]

Posts