Hello all :)
I had a quickie question for you. I know it has to do with the jQuery that's in there with the PayPal add-on, but I don't know how this could be fixed. For the record, I'll also say this is on a form on a live site, but it's behind a "You have to log in to see this" page, so I can't just pass a URL. So I'll be as clear as I can on this.
Okay, said form is really simple. It's basically to allow members to renew their membership. The form is connected to the logged-in user's name and email, so all they have to do is choose the membership level (from a dropdown) and click "submit" to be taken to paypal and have everything processed. Easy enough, right?
Well, they've asked me to add a new field: basically an empty input field for an "Extra donation amount", if the end user would like to toss in a couple of extra bucks on top of the membership fee. it's user-entered data, so they get to type in whatever number they want and add it to the membership fee.
it works just fine, but they have an issue with one itsy-bitsy-tiny thing: the total amount doesn't update unless you click outside the input box. If you click the submit button, the total flashes the updated amount (you see it only in the time it takes from you to get from the form to PayPal), but unless you click outside the input box (or hit enter) you pretty much don't see the amount get updated at all.
So they were wondering if there was some way I could fix it so the Total amount is updated in real-time as you type the additional amount. I know it can be done with jQuery, but since the form is already using AJAX/jQuery, I didn't know the best way to override what it's doing. Like if you could hit "enter" and have the total update (instead of immediately submit) that would even be improvement enough that they'd be happy.
Anyone have any suggestions?