Terms and conditions checkbox not working

I have created a checkbox for users to agree to terms and conditions and added:

onclick=”window.open(‘/terms’,’popup’,’width=500,height=500,scrollbars=yes,resizable=yes,toolbar=yes,directories=no,location=yes,menubar=no,status=no,left=300px,top=300px’); return false”

to ‘other attributes’ field to get a popup, so user doesn’t leave the checkout process when viewing terms.

PROBLEM: when a user clicks on the checkbox itself, the popup comes up, NOT the check mark. For some reason the script is causing a link accross the entire field.

view here: http://www.societyoftraders.com/subscribe/am-grid-subscription/

under additional ifo.

Please advise.

thanks,

c.k.

Could you please paste the full code you’re using for the checkbox? That would help us a lot to figure out the problem. :)

– Eduan

PROBLEM: when a user clicks on the checkbox itself, the popup comes up, NOT the check mark. For some reason the script is causing a link accross the entire field.

I didn’t have that happen. When I clicked the box, the check mark appeared. What I did notice was that I submitted the form with everything filled out, except the Terms checkbox, and I wasn’t required to do it before proceeding. JavaScript is enabled in my browser, so it’s something with your script that is not requiring the field.

Did you try using the s2Member custom profile fields for this instead of custom code? [hilite path]Dashboard -› s2Member® -› General Options -› Registration/Profile Fields[/hilite]

http://screencast.com/t/xx9tUaO2jm

http://screencast.com/t/2lClllZB7ruR

Hi,

I am not using any specific code. All the setting have been configured through s2member options panel in wordpress. see links above for settings.

If you would like to access the s2member options on my website let me know and I will create a username password for you.

can you give me some advice on how to make the link “terms and conditions” a popup window. This way a user doesn’t have to leave the checkout process when clicking the link.

The code that I used in my original post …”onclick” …doesn’t work correctly.

Thanks,

Cyrus

Your onclick=”” code is correct. The problem is that you have special quotes instead of normal single and double-quotes and those are causing issues with the code being parsed. See the screenshot below. The first one is correct, the second one is what you’re using:

You need to make sure when you’re writing the code that you’re using a plaintext editor and that you’re not accidentally creating special quotes (the easiest way to avoid special quotes is to always type your quotes manually with the keyboard).

If you copy and paste the following into the Other Attributes field, it should work as expected:

onclick="window.open('/terms','popup','width=500,height=500,scrollbars=yes,resizable=yes,toolbar=yes,directories=no,location=yes,menubar=no,status=no,left=300px,top=300px');"

I think my problem is that I don’t know where to insert the code. currently I am pasting it directly into the ‘registration/profile field options’ >>’edit registration profile fields’ >> ‘field label’ dialog box.

and this is not allowing the checkbox to display

This is how I am inserting it.

Agree to

<a href="/terms" onclick="window.open('/terms','popup','width=500,height=500,scrollbars=yes,resizable=yes,toolbar=yes,directories=no,location=yes,menubar=no,status=no,left=300px,top=300px');">

Terms and Conditions

• This reply was modified 4 years, 3 months ago by  cyrus khavari.

its doing some wierd stuff.

Right now in Chrome you can’t see the checkbox (paypal credit card radio buttons are gone too).

Internet explorer shows checkbox, but when you activate checkmark, the onclick feature displays popup window. don’t want that.

Firefox does same as IE 9x.

so, only problem right now is Chrome doesn’t show checkbox AND clicking on checkboxes in firefox and IE causes popup window.

Please advise.

I tested this and it works:

1) Leave the “Other Attributes” field empty.
2) In the “Field Label” add this:

Do you accept the terms? (<a onclick="window.open('/terms','popup','width=500,height=500,scrollbars=yes,resizable=yes,toolbar=yes,directories=no,location=yes,menubar=no,status=no,left=300px,top=300px');">click here to view terms</a>)

Note that there is no href=”/terms”, because the onclick=”” takes care of the link, so you don’t need to add href=”/terms”.

Raam,

I tried the code and it works great in IE, iPad, and firefox, but in Chrome and Safari (windows and mac versions) the checkbox for “accept terms and conditions” and radio buttons for credit cards under “billing method” do NOT render.

http://screencast.com/t/dG4gPE3vmK

Is there a fix for this? or am I just overlooking something?

Thanks for all your help with this issue.

cyrus

I tested my example with Chrome on a Mac, so it definitely works. If you’re having issues with the credit card radio buttons not showing up, that would indicate that your theme is causing problems with s2Member’s CSS, overriding it somehow. I recommend trying to switch to the default WordPress theme (e.g., TwentyEleven) and seeing if that fixes the problem.

Raam,

Thanks for all your help, it is my theme and the developers are trying to help me out.

Can you take a look at this link and let me know how I can replace the paypal button image? it seems to be stretching out and I can’t figure out where the HTML is located so that I can change the <img tag.

http://www.societyoftraders.com/subscribe/tft-subscription/

its on all my checkout pages.

Thanks again!

cyrus k

Are you referring to the PayPal button image in the screenshot below? It looks fine to me…

yes. I wanted to change the button to a full width generic button with a blue background, but from what I understand paypal won’t let you change it.

That is correct. This is something enforced by PayPal and unfortunately there is nothing we can do to change that. :(