Signature Pad works everywhere except on Safari [closed] - javascript

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 months ago.
Improve this question
Good morning, everyone.
I'm trying to get my client's signature through a canvas. The script I'm using is:
https://cdn.jsdelivr.net/npm/signature_pad#4.0.0/dist/signature_pad.umd.min.js
It works completely fine on Chrome Browser and Android phones, so it does work on mobile. The problem however arises on Iphones, using Safari. It simply won't get any input and shows me an error message when inspected: signature_pad.umd.min.js:5SyntaxError: Use of reserved word 'class'
Use of reserved word 'class' error
I'm afraid of messing around with the js, since it works just fine in other browsers. Could someone help me with this?
Thank you in advance!

In my case, it was a version problem. It worked on the Safari by using a lower vision of signature_pad.
"https://cdn.jsdelivr.net/npm/signature_pad#2.3.2/dist/signature_pad.min.js".

Related

How to change the appearance of the Insertion cursor of an input field? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
I'm working on a little project and want to change the appearance of the little blinking bar, which appears infront of a spot you're typing in. Its also known as just a 'cursor' or 'text-cursor'. I can change it either with css or javascript if that is possible.
I don't believe you can do that, you'd have to hide it entirely and provide your own graphic, managing its position, etc.; basically, reinventing the text input field.
The closest you can come with CSS is caret-color, which lets you set the color in modern browsers but won't work in IE (and is only supported in very recent versions of Edge, the ones based on Blink and V8 instead of EdgeHTML and JScript). My impression is you want to do more than that. :-)

Multiple JS errors in Chrome on line 1, but no errors in Edge [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
I have to use some outdated scripts and bumped into multiple JS errors in Chrome. All JS scripts on page give exactly same error in Chrome - "Uncaught SyntaxError: Invalid or unexpected token" on line 1.
Absolutely same code works fine in Edge.
I tried all I can imagine - reload, shuffle, rename, unminimized still the same.
Any ideas on what could cause that would be highly appreciated.
The problem was with files encoding. It was ANSI.
Everything works fine when I changed to UTF-8.
Obviously Edge is not so strict on this matter as Chrome.

jQuery Zoom works sometimes and sometimes not? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
I have now successfully installed jQuery zoom. But for no reason sometimes it works and sometimes not...
Take a look here
Working
Not Working
I also don't get a error in the console... What can be the reason for it and how can I fix that?
Kind regards
It really works. The one that doesn't work is because you have a transparent background on the image while the one what works have a white background.

XMLHttpRequest in Edge (responseURL property) [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
Basically I use the responseURL variable that XMLHttpRequest's give back. The problem is for some reason my code wasn't working on Microsoft Edge, but it was on Chrome/Firefox.
You will also notice that the responseURL property isn't in the Edge docs,
https://msdn.microsoft.com/en-us/library/ms535874(v=vs.85).aspx
but is in the Mozilla docs
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest?redirectlocale=en-US&redirectslug=DOM%2FXMLHttpRequest
Is the responseURL property not available on Microsoft Edge? If so, are there any alternatives I can use?

Javascript working in Chrome, but not IE11 [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
Using the following code in IE:
function clearfields()
{
billing_phone.value="";
billing_email.value="";
billing_first_name.value="";
billing_last_name.value="";
} window.onload = clearfields
Working in Chrome, Firefox but not IE11. Console in IE says "'billing_phone' is undefined", but the billing_phone is definitely defined. Onload problem? I'm using this in Wordpress, so that should probably be taken into account.
You should be referencing the element correctly.
It is either by id="billing_phone"
document.getElementById("billing_phone").value="";
or by name="billing_phone"
document.formName.billing_phone="";
or
document.getElementById("formId").billing_phone.value="";

Categories