topic Re: Strange Formatting on “Your Order Has Been Processed” page. in Integration and Testing

Strange Formatting on “Your Order Has Been Processed” page.

acedave — Fri, 12 Oct 2012 15:02:08 GMT

Hello,

I am having issues with my Authorize.Net osCommerce 2.3 SIM payment module.

I am using the test server setting and I am able to process test sales. When I run a sale the site transfers to the test secure server (as it should)and when I finish the transaction I get the “Your Order Has Been Processed” page (https://test/authorize.net/gateway/transact.dll).

On FireFox and Opera the "Your Order Has Been Processed" page there is some formatted content from my site and some text from Authorize.Net - and it looks good.

On IE and Chrome the "Your Order Has Been Processed" page there is some unformated content from my site and some text from Authorize.Net - and it looks very bad. In fact any user who saw this would assume that the site has crashed. See image below. Just as important is that the "Continue" button is almost hidden, so the customers don't know how to get from this page.

On IE and Chrome, I would say that there is no JavaScript and CSS formatting except that there is formating on the FireFox/Opera browsers. I assume that this is an issue of the display of secure and non-secure items on the browser

Is there a setting in the Authorize.net that I can change or a way to get the formatting in IE Chrome to work?

Any suggestions are most welcome.

Thank you

Re: Strange Formatting on “Your Order Has Been Processed” page.

RaynorC1emen7 — Fri, 12 Oct 2012 15:53:00 GMT

Can you see if there are error/warning in IE using the "F12 developer tools" - Console.

The other thing could be a malformed html document issue, like missing closing tag etc. Sometime browser would render them correctly but sometime they don't. Look at the browser page source.

Re: Strange Formatting on “Your Order Has Been Processed” page.

sagantec — Tue, 18 Dec 2012 04:10:24 GMT

I have the EXACT same problem. Works fine in Safari but looks vey ugly and unprofessional in Chrome and Internet Explorer. Please help.

Re: Strange Formatting on “Your Order Has Been Processed” page.

sagantec — Tue, 18 Dec 2012 04:24:14 GMT

In IE I checked the debug console and In the CSS tab I get a message "This stylesheet cannot be viewd because its source is in a different domain that the page". In the Console tab I get results listed below. Any help greatly appreciated! ( I have changed my actual site to mysite)

SEC7111: HTTPS security is compromised by http://mysite.com/shop/ext/jquery/ui/redmond/jquery-ui-1.8.6.css
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/ext/jquery/ui/redmond/jquery-ui-1.8.6.css
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/ext/jquery/jquery-1.4.2.min.js
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/ext/jquery/ui/jquery-ui-1.8.6.min.js
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/ext/jquery/bxGallery/jquery.bxGallery.1.1.min.js
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/ext/jquery/fancybox/jquery.fancybox-1.3.4.css
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/ext/jquery/fancybox/jquery.fancybox-1.3.4.css
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/ext/jquery/fancybox/jquery.fancybox-1.3.4.pack.js
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/ext/960gs/960_24_col.css
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/ext/960gs/960_24_col.css
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/stylesheet.css
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/stylesheet.css
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/images/store_logo.png
transact.dll
SCRIPT5009: '$' is undefined
transact.dll, line 27 character 1
SCRIPT5009: '$' is undefined
transact.dll, line 27 character 1
SCRIPT5009: '$' is undefined
transact.dll, line 27 character 1
SCRIPT5009: '$' is undefined
transact.dll, line 27 character 1
SCRIPT5009: '$' is undefined
transact.dll, line 30 character 3
SCRIPT5009: '$' is undefined
transact.dll, line 61 character 1
SEC7111: HTTPS security is compromised by http://mysite.com/shop/includes/languages/english/images/buttons/button_quick_find.gif
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/images/metrose_upgrade.gif
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/images/icons/cart.gif
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/images/icons/cart.gif
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/images/icons/cart.gif
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/images/icons/cart.gif
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/images/icons/cart.gif
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/images/icons/cart.gif
transact.dll
SEC7111: HTTPS security is compromised by http://mysite.com/shop/images/banners/oscommerce.gif
transact.dll
SCRIPT5009: '$' is undefined
transact.dll, line 97 character 1

Re: Strange Formatting on “Your Order Has Been Processed” page.

RaynorC1emen7 — Tue, 18 Dec 2012 12:58:54 GMT

what are these?

SCRIPT5009: '$' is undefined
transact.dll, line 27 character 1
SCRIPT5009: '$' is undefined
transact.dll, line 27 character 1
SCRIPT5009: '$' is undefined
transact.dll, line 27 character 1
SCRIPT5009: '$' is undefined
transact.dll, line 27 character 1
SCRIPT5009: '$' is undefined
transact.dll, line 30 character 3
SCRIPT5009: '$' is undefined
transact.dll, line 61 character 1

Re: Strange Formatting on “Your Order Has Been Processed” page.

sagantec — Tue, 18 Dec 2012 19:18:39 GMT

I was hoping you would know. This is the output from internet explorer's debug mode.

Re: Strange Formatting on “Your Order Has Been Processed” page.

RaynorC1emen7 — Tue, 18 Dec 2012 21:27:57 GMT

it probably better if you, 1)have a simple relay response page that you save the values post from authorize.net(where the url will stay at authorize.net but the content will be from your site), then 2)use a javascript to redirect to a order process display page on your website.

Re: Strange Formatting on “Your Order Has Been Processed” page.

sagantec — Tue, 18 Dec 2012 22:53:44 GMT

You wrote: "it probably better if you, 1)have a simple relay response page that you save the values post from authorize.net(where the url will stay at authorize.net but the content will be from your site), then 2)use a javascript to redirect to a order process display page on your website."

Thanks for the reply.

I just want to note that this is a standard checkout_success.php from the OSCommerce shop that is commonly in use at many sites. If you go over to the OSCommerce forums you can find about 4 or 5 threads discussing this issue. It is a common problem.

Luckily I do know how to program php so hopefully I should be able to do that pretty easily.

Re: Strange Formatting on “Your Order Has Been Processed” page.

sagantec — Wed, 19 Dec 2012 00:00:32 GMT

Okay, I did it the way you suggested and it worked. Many thanks.

One problem I don't understand is if I try to redirect using PHP it never leaves the transact.dll page but if I redirect using javascript it works. Any idea why?

Re: Strange Formatting on “Your Order Has Been Processed” page.

RaynorC1emen7 — Wed, 19 Dec 2012 00:05:55 GMT

On the relay response post, authorize.net basically do a cURL and get the result from your server.

So when you do a php redirect, it process and then send to authorize.net, but when you do it in javascript, it will be redirect in the user browser.

Re: Strange Formatting on “Your Order Has Been Processed” page.

sagantec — Wed, 19 Dec 2012 00:26:25 GMT

Hello Raynor,

Thank you that makes sense.

Anyone whom is using OSCommerce and needs a solution to the broken SIM module problem as described in this thread, see my solution here.