search

brinley / jSignature

jQuery plugin for adding web signature functionality
http://www.unbolt.net/jSignature
696 stars 529 forks source link

jsignature example is not working in IE #30

Open gsrao opened 11 years ago

gsrao commented 11 years ago

Examples provided in the jsignature , i am trying the same which is working in IE9 but not the IE7/8. However I noticed that demo pages http://willowsystems.github.com/jSignature/#/demo/ works for IE7/8/9.

I am new to FlashCanvas.

I need to get the signature working in IE7/8. Any help on this is highly appreciated.

brinley commented 11 years ago

Add the following to your page where js/libs/flashcanvas.js is the location of your flashcanvas.js file

On Tue, Feb 19, 2013 at 9:36 AM, gsrao notifications@github.com wrote:

Examples provided in the jsignature , i am trying the same which is working in IE9 but not the IE7/8. However I noticed that demo pages http://willowsystems.github.com/jSignature/#/demo/ works for IE7/8/9.

I am new to FlashCanvas.

I need to get the signature working in IE7/8. Any help on this is highly appreciated.

— Reply to this email directly or view it on GitHubhttps://github.com/brinley/jSignature/issues/30.

Brinley Ang Software Developer & Consultant http://www.unbolt.net

gsrao commented 11 years ago

Brinly Thanks for your quick response. I did the one you mentioned. Before that, can you please check examples you have provided in the code base in IE7/8.

Examples not working. I have similar issue in my code too, so trying to find what is the issue.

Thanks GSRao

On 2/19/2013 11:49 PM, Brinley Ang wrote:

Add the following to your page where js/libs/flashcanvas.js is the location of your flashcanvas.js file

On Tue, Feb 19, 2013 at 9:36 AM, gsrao notifications@github.com wrote:

Examples provided in the jsignature , i am trying the same which is working in IE9 but not the IE7/8. However I noticed that demo pages http://willowsystems.github.com/jSignature/#/demo/ works for IE7/8/9.

I am new to FlashCanvas.

I need to get the signature working in IE7/8. Any help on this is highly appreciated.

— Reply to this email directly or view it on GitHubhttps://github.com/brinley/jSignature/issues/30.

Brinley Ang Software Developer & Consultant http://www.unbolt.net

— Reply to this email directly or view it on GitHub https://github.com/brinley/jSignature/issues/30#issuecomment-13788343.

gsrao commented 11 years ago

Brinly, I have tried the examples provided in the code base and it is not working IE7.

brinley commented 11 years ago

I dont have time to look into this at this moment. I've assigned to dvdotsenko perhaps he can shed some light as the working page was written by him.

gsrao commented 11 years ago

Hi dvdotsenko , Can you please help out resolving this issue.

brinley commented 11 years ago

Ok, found and fixed. Can you see if http://www.unbolt.net/jSignature now on your IEs?

gsrao commented 11 years ago

I tried replacing the flashcanvas.js and still having the same issue. Any help is appreciated,

brinley commented 11 years ago

Hi,

Can you confirm if my demo page works for you? Our flash canvas version has some customised code so you'll need to use the one in the repo.

Regards, Brinley On May 5, 2013 9:11 AM, "gsrao" notifications@github.com wrote:

I tried replacing the flashcanvas.js and still having the same issue. Any help is appreciated,

— Reply to this email directly or view it on GitHubhttps://github.com/brinley/jSignature/issues/30#issuecomment-17454032 .

gsrao commented 11 years ago

Brinely, Yes, your demo page works find in IE7/8

brinley commented 11 years ago

Hi,

Then please use the flashcanvas.js found in our jSignature git repo and you should be set.

Regards, Brinley

On Sun, May 5, 2013 at 10:16 AM, gsrao notifications@github.com wrote:

Brinely, Yes, your demo page works find in IE7/8

— Reply to this email directly or view it on GitHubhttps://github.com/brinley/jSignature/issues/30#issuecomment-17454992 .

Brinley Ang Software Developer & Consultant http://www.unbolt.net

gsrao commented 11 years ago

i did copy flashcanvas.js from jSignature-master\libs, but still didn't get it working.

brinley commented 11 years ago

Did you manually add a

And did you also download the flashcanvas.swf file?

Otherwise can you send me your source code or the page url to have a look?

On Sun, May 5, 2013 at 10:29 AM, gsrao notifications@github.com wrote:

i did copy flashcanvas.js from jSignature-master\libs, but still didn't get it working.

— Reply to this email directly or view it on GitHubhttps://github.com/brinley/jSignature/issues/30#issuecomment-17455207 .

Brinley Ang Software Developer & Consultant http://www.unbolt.net

gsrao commented 11 years ago

Below is the code, the problem. we did add a condition load of flashcanvas.js.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" xmlns:f="http://java.sun.com/jsf/core">

/h:head ```

Signature

jSignature inherits colors from parent element. Text = Pen color. Background = Background. (This works even when Flash-based Canvas emulation is used.)

Display Area:
``` /h:body
gsrao commented 11 years ago

i noticed that we I try to sign, it is drawing on the canvas but not visible (also getting 'undo last stroke' option)

gsrao commented 11 years ago

i am assuming that by default flashcanvas.js loads the flashcanvas.swf from the currently location.

brinley commented 11 years ago

Does it work correctly in other browsers? Otherwise take a look at the css applied to the canvas on my page, as IE and other browsers calculate offsets differently, we have code that looks out for that but you may just need to specify heights and widths for the canvas.

Yes flashcanvas.js loads the flashcanvas.swf from the same location.

gsrao commented 11 years ago

Yes it is working in other browsers and for >IE8 also. I am trying to make it work for IE7/8.

gsrao commented 11 years ago

Brinley, Can you please help out.

nlrowe commented 11 years ago

I am having this exact same issue. The examples for this code base do not work for me in IE8 out of the box. I can sign on the willow demo and unbolt links in IE8 with no issue. However, in my own app and little tests I tried to create myself to remove complexity, I cannot (all other browsers work). No errors are thrown on the console and I can see the flashcanvas.swf being loaded in the resources.

Is there a specific reason why the examples from this code base do not work without any file modification? Do they work for you guys? If not, are there any extra files being used on the unbolt/willow demo pages that aren't in this code base? The reason I am hung up on the examples not working instead of my app is because they are using the files of this code base and follow the suggested way to code for IE8. If I can't get the examples to work, then I don't have much hope of getting my app to work that uses the same files and is coded the same way.

Any guidance would be much appreciated, thank you. =)

brinley commented 11 years ago

I assume you have the following?

<script language="JavaScript" type="text/javascript" src="jSignature.js">

<script language="JavaScript" type="text/javascript" src="jSignature.CompressorBase30.js">

And flashcanvas.swf is in the same directory as flash canvas.js?

If so can you provide a link for me to have a look at your working source?

On Tue, May 21, 2013 at 9:15 AM, nlrowe notifications@github.com wrote:

I am having this exact same issue. The examples for this code base do not work for me in IE8 out of the box. I can sign on the willow demo and unbolt links in IE8 with no issue. However, in my own app and little tests I tried to create myself to remove complexity, I cannot (all other browsers work). No errors are thrown on the console and I can see the flashcanvas.swf being loaded in the resources.

Is there a specific reason why the examples from this code base do not work without any file modification? Do they work for you guys? If not, are there any extra files being used on the unbolt/willow demo pages that aren't in this code base? The reason I am hung up on the examples not working instead of my app is because they are using the files of this code base and follow the suggested way to code for IE8. If I can't get the examples to work, then I don't have much hope of getting my app to work that uses the same files and is coded the same way.

Any guidance would be much appreciated, thank you. =)

— Reply to this email directly or view it on GitHubhttps://github.com/brinley/jSignature/issues/30#issuecomment-18219306 .

Brinley Ang Software Developer & Consultant http://www.unbolt.net

nlrowe commented 11 years ago

I am checking for IE8 to load flashcanvas.js, which is being loaded before jquery, which is being loaded before jsignature, and is in the same directory as flashcanvas.swf. I was not loading jSignature.CompressorBase30.js, I added it in after the jsignature load and no luck.

Can you verify that the examples from this code base work for you in IE8? As it is an imitation of how you (and the documentation) suggests to code for IE8 and at the very least, that should work for me.

Thank you for the timely reply.

nlrowe commented 11 years ago

If it helps any, this is what I get from the unmini.html example in IE9 and everything is gravy: jsigie9

And here is what I get in IE8: jsigie8

When I try to write in the IE8 box no strokes are displayed, I do still get the 'undo last stroke' button, but it does not extract anything.

My app has the same behavior in IE8, the signature box loads up but no strokes can be recorded on it.

gsrao commented 11 years ago

I have exactly the same problem in IE7/8. Any help is highly appreciated.

brinley commented 11 years ago

I believe the issue with unmini.html is in the relative url of flashcanvas.js which makes it unable to find flashcanvas.swf Copy flashcanvas.js and flashcanvas.swf to the same directory as unmini.html and update the flashcanvas to just

Can you confirm if this fixes the issue before we look at the best way to fix this?

B

On Wed, May 22, 2013 at 7:32 AM, nlrowe notifications@github.com wrote:

If it helps any, this is what I get from the unmini.html example in IE9 and everything is gravy: [image: jsigie9]https://f.cloud.github.com/assets/3099047/548630/8fa7e440-c2e8-11e2-94d1-590a782e0a35.png

And here is what I get in IE8: [image: jsigie8]https://f.cloud.github.com/assets/3099047/548633/af6804fe-c2e8-11e2-9de3-06d986802400.png

When I try to write in the IE8 box no strokes are displayed, I do still get the 'undo last stroke' button, but it does not extract anything.

My app has the same behavior in IE8, the signature box loads up but no strokes can be recorded on it.

— Reply to this email directly or view it on GitHubhttps://github.com/brinley/jSignature/issues/30#issuecomment-18282365 .

Brinley Ang Software Developer & Consultant http://www.unbolt.net

nlrowe commented 11 years ago

Moved flashcanvas.js and flashcanvas.swf to the examples folder with unmini.html, updated the flashcanvas.js path, and still getting the same behavior.

nlrowe commented 11 years ago

Does that make this a confirmed issue that we can hope to get a fix for? =)

brinley commented 11 years ago

Yes, I'm trying to find time to look into this atm...

B On May 24, 2013 8:33 AM, "nlrowe" notifications@github.com wrote:

Does that make this a confirmed issue that we can hope to get a fix for? =)

— Reply to this email directly or view it on GitHubhttps://github.com/brinley/jSignature/issues/30#issuecomment-18412170 .

brinley commented 11 years ago

Sigh I cant replicate this... unmini.html on the repository works for me on IE 8.0.6001.18702IC

Can either of you upload what you've tested with somewhere so I can see and debug?

On Fri, May 24, 2013 at 10:00 AM, Brinley Ang brinley@unbolt.net wrote:

Yes, I'm trying to find time to look into this atm...

B On May 24, 2013 8:33 AM, "nlrowe" notifications@github.com wrote:

Does that make this a confirmed issue that we can hope to get a fix for? =)

— Reply to this email directly or view it on GitHubhttps://github.com/brinley/jSignature/issues/30#issuecomment-18412170 .

Brinley Ang Software Developer & Consultant http://www.unbolt.net

nlrowe commented 11 years ago

For whatever it's worth, I downloaded the flashcanvas pro files and used them in unmini.html. After I put that flashcanvas.js and flash10canvas.swf in the libs folder(replacing the js and swf files that were already there) unmini,html worked in IE8. With the libs folder having to be on the list of trusted locations for flash player.

I then put the flashcanvas files from here back in and still no go.