jSignature icon indicating copy to clipboard operation
jSignature copied to clipboard
verified publisher icon brinley

jsignature example is not working in IE

Open gsrao opened this issue 12 years ago • 29 comments

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.

gsrao avatar Feb 19 '13 17:02 gsrao

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 [email protected] 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

brinley avatar Feb 19 '13 18:02 brinley

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 [email protected] 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 avatar Feb 19 '13 18:02 gsrao

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

gsrao avatar Feb 23 '13 16:02 gsrao

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.

brinley avatar Feb 24 '13 10:02 brinley

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

gsrao avatar Feb 24 '13 15:02 gsrao

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

brinley avatar Mar 24 '13 02:03 brinley

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

gsrao avatar May 05 '13 16:05 gsrao

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" [email protected] 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 .

brinley avatar May 05 '13 17:05 brinley

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

gsrao avatar May 05 '13 17:05 gsrao

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 [email protected] 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

brinley avatar May 05 '13 17:05 brinley

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

gsrao avatar May 05 '13 17:05 gsrao

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 [email protected] 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

brinley avatar May 05 '13 17:05 brinley

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

/h:head 
<div class="row-fluid">
    <h:form>
        <div class="span2 roundedBox">
            <h3>Signature</h3>
            <div>
                <div id="content">
                    <div id="signatureparent">
                        <div>jSignature inherits colors from parent element. Text =
                            Pen color. Background = Background. (This works even when
                            Flash-based Canvas emulation is used.)</div>
                        <div id="signature"></div>
                    </div>
                    <div id="tools">
                        <input type="hidden" id="output" name="output" value="" />
                    </div>
                    <div>
                        <p>Display Area:</p>
                        <div id="displayarea"></div>
                    </div>
                </div>
            </div>
        </div>
        <p:commandButton ajax="false" value="Accept"
            action="#{signatureCntrl.newSignature}" />
    </h:form>
</div>

/h:body

gsrao avatar May 05 '13 18:05 gsrao

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

gsrao avatar May 05 '13 18:05 gsrao

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

gsrao avatar May 05 '13 18:05 gsrao

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.

brinley avatar May 06 '13 03:05 brinley

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

gsrao avatar May 06 '13 16:05 gsrao

Brinley, Can you please help out.

gsrao avatar May 09 '13 15:05 gsrao

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. =)

nlrowe avatar May 21 '13 16:05 nlrowe

I assume you have the following?

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 [email protected] 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

brinley avatar May 21 '13 18:05 brinley

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 avatar May 21 '13 19:05 nlrowe

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.

nlrowe avatar May 22 '13 14:05 nlrowe

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

gsrao avatar May 22 '13 16:05 gsrao

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 [email protected] 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

brinley avatar May 22 '13 17:05 brinley

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 avatar May 22 '13 17:05 nlrowe

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

nlrowe avatar May 24 '13 15:05 nlrowe

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

B On May 24, 2013 8:33 AM, "nlrowe" [email protected] 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 avatar May 24 '13 17:05 brinley

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 [email protected] wrote:

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

B On May 24, 2013 8:33 AM, "nlrowe" [email protected] 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

brinley avatar Jun 02 '13 07:06 brinley

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.

nlrowe avatar Jun 05 '13 17:06 nlrowe