Javascript programming // Fix my payment checkout progress bar
- or -
Post a project like this3764
$50
- Posted:
- Proposals: 2
- Remote
- #382678
- Awarded
Description
Experience Level: Intermediate
Estimated project duration: less than 1 week
General information for the website: Heavily customized marketplace script
Kind of development: Customization of existing website
Description of requirements/features: OK, this is a hard nut to crack I guess... At least I couldn't wrap my head around it – but then again I am no real javascript programmer so maybe you've got the solution?
We have got a marketplace / payment process set up which incorporates third party payment scripts, namely PayPal & Micropayment(.de). In essence, there is one file called "iframecheckout.html" which wraps the whole checkout and inside the iframe is where the magic happens. The contents of the iFrame change and the user is going from our URL to the third party URL and back to our site.
I've setup a progress bar to reflect the changes = showing the user at which point of the payment process he/she is situated at the moment.
Therefore I use javascript in the outer frame (see file code.txt attached). The idea was to have the iFrames update / pass along the variable "param" and since there are different scripts used for each step I though I could have each of those steps reflect/update the progress bar (see file code.txt attached).
The problem is, that – even though we are on the same domain (maybe has somehting to do with the one being HTTP & the other one being HTTPS), the passing along of param via parent.Progress is inhibited (Error: Permission denied to access property 'Progress', parent.Progress('step4');) and therefore I am stuck on position 3/4 even when the user is at the end of the payment process.
I did some research and stumbled upon "postMessage" (http://benalman.com/code/projects/jquery-postmessage/docs/files/jquery-ba-postmessage-js.html) which I thought could be a proper solution but
a) I am not skilled enough to implement it
b) I am not sure if it is up to date and compatible with newer browsers, meaning if it is a real solution to the problem
Possible solutions:
- Find a way to have the javascript communicate from HTTP to HTTPS
- Substitute the parent-functionality with postMessage (if applicable)
- something else my mind is too small for :)
Important: Since the code / the whole system is very complex, I doubt that it could be done any easier than having this CSS-switcher do the work. In any way we need to use the iFrames because the payment process heavily relies on that.
Looking very much forward to your input!
Thanks & regards,
Henning
Extra notes: See the shop live:
http://www.bluepoint24.net/marketplace/buy.php?item=12&quantity=1&shop=6&redirect=checkout.php
Some screenshots attached as well.
Kind of development: Customization of existing website
Description of requirements/features: OK, this is a hard nut to crack I guess... At least I couldn't wrap my head around it – but then again I am no real javascript programmer so maybe you've got the solution?
We have got a marketplace / payment process set up which incorporates third party payment scripts, namely PayPal & Micropayment(.de). In essence, there is one file called "iframecheckout.html" which wraps the whole checkout and inside the iframe is where the magic happens. The contents of the iFrame change and the user is going from our URL to the third party URL and back to our site.
I've setup a progress bar to reflect the changes = showing the user at which point of the payment process he/she is situated at the moment.
Therefore I use javascript in the outer frame (see file code.txt attached). The idea was to have the iFrames update / pass along the variable "param" and since there are different scripts used for each step I though I could have each of those steps reflect/update the progress bar (see file code.txt attached).
The problem is, that – even though we are on the same domain (maybe has somehting to do with the one being HTTP & the other one being HTTPS), the passing along of param via parent.Progress is inhibited (Error: Permission denied to access property 'Progress', parent.Progress('step4');) and therefore I am stuck on position 3/4 even when the user is at the end of the payment process.
I did some research and stumbled upon "postMessage" (http://benalman.com/code/projects/jquery-postmessage/docs/files/jquery-ba-postmessage-js.html) which I thought could be a proper solution but
a) I am not skilled enough to implement it
b) I am not sure if it is up to date and compatible with newer browsers, meaning if it is a real solution to the problem
Possible solutions:
- Find a way to have the javascript communicate from HTTP to HTTPS
- Substitute the parent-functionality with postMessage (if applicable)
- something else my mind is too small for :)
Important: Since the code / the whole system is very complex, I doubt that it could be done any easier than having this CSS-switcher do the work. In any way we need to use the iFrames because the payment process heavily relies on that.
Looking very much forward to your input!
Thanks & regards,
Henning
Extra notes: See the shop live:
http://www.bluepoint24.net/marketplace/buy.php?item=12&quantity=1&shop=6&redirect=checkout.php
Some screenshots attached as well.
Henning O.
100% (3)Projects Completed
7
Freelancers worked with
4
Projects awarded
64%
Last project
6 Sep 2016
Germany
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies