Regular Captcha just spins for first time visitor

I’ve seem to have finally gotten the design of my form to my liking, and it matches my site pretty good. A lot of CSS in preferences to tweak for my needs. 

Now for the function part: 

Regular Captcha, which I wanted to use just sits there and spins (loading) of course you can refresh and it works, but with a clean browser for first time visitors it just spins. 

I have tried all different versions of code, Dreamweaver, I frame and embed some that broke the sites parallax functions. Currently using embed. 

All I could figure out to do was just replace with reCaptcha, which seems to work, but in my opinion, does not look as good. Hid the speaker and privacy link with CSS, the audio function is horrible, sounds like a recording from the 1950s.  

A couple of questions….. 

Any help would be greatly appreciated, 

Thank you for your time. 

Greg

Hi,

Re-embedding your form using our iFrame method should help you fix the issue with spinning captcha codes. Use these codes: http://pastiebin.com/53a75078ddd86 (without the script tags).

Update us here after doing the changes so we can further check.

Thanks

By the way, I have splitted your questions into separate threads. Please check the links below!

For re-captcha customization: http://www.jotform.com/answers/394661

For the Thank You Message: http://www.jotform.com/answers/394662

Thanks

Using your iFrame code seemed to fix both issues....spinng loading issue and the redirect issue.

It did however introduce another issue from a design stand point.

The black background image I'm using now does not go all the way down to the map, yes the image is large enough.....if you click on email, then click on message, then click in and out of the captcha box you will see the page and background image "expand" 

By the way...not sure where that iframe code came from, but it was not the same iframe code I attempted to use earlier today from the wizard.

Wonderful! Well, this is how you should get the iFrame codes: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code.

Is this the issue with the background image:

Probably because of the iFrame height which is static. Changin the height of the iFrame should resolve that. However, when the required field message disappears, you will see an empty space below the form. Example:

From 614, change it to 664.

Thanks

"you will see an empty space below the form"

Exactly, that's the problem, with the standard embed code, it moved or resized as you clicked in and out of the field with no empty space at the bottom of the form...now it starts with the empty space at the bottom and resizes closing the space.

Changing it to 664? That just made the empty space bigger...

By the way...the code you gave me (that works and fixes the redirect issue) at pastebin is not the same iframe code that is generated by the wizard. 

This and the size seems to be the difference:

onDISABLEDload="window.parent.scrollTo(0,0)"

I think that was the redirect issue, same with the embed code.

Hello gdglass1,

The only difference between the code generated by the wizard and the code which my colleague shared with you is that it does not have the script code. The height of the iFrame code remains same in both the code which is "614px".

Unfortunately, the empty space being displayed is the drawback of using iFrame code but it is required since it is not allowing captcha scripts to run properly in your web page where you have embedded your form.

Thank you!

Thanks , I just changed the image to a color to match the site and all is working the way it should.

By the way once again the wizard generated code with this:

onDISABLEDload="window.parent.scrollTo(0,0) 

That did not appear in the code (that worked) that Welvin provided, and now without it, I do not get any undesired rediects back to the home page.

Hello gdglass1,

I am glad to know that it is working as expected.

The code "window.parent.scrollTo()" is used to scroll the form to top when the page is loaded / reloaded. My colleague must have removed the code which he shared since your form does not have too many fields and the scrolling is not required.

Thank you!