Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 440
  • Last Modified:

How to load <script></script> at specific <div class='loadrecaptcha'>?

Hi,

I'm trying to load or execute this <script>:

<script type='text/javascript' src='http://www.google.com/recaptcha/api/challenge?k=6LdJOdQSAAAAAMvacrzREYMJxWn7FKxebfh95szZ'></script>

at this location:

<div class="right loadrecaptcha"></div>

But I'm using fancybox and I believe I have to load it in afterLoad like:

 $('.waitforrecaptcha').fancybox({
                afterLoad: function(current, previous) {

                    var script = $('span#script').html();
                    if (script.length) {
                        $('.loadrecaptcha').html('<sc'+'ript type="text/javascript">' + script + '</sc'+'ript>');
                    };
                }
            });

Here is my test page:
http://www.ultratrust.com/asset-protection-quiz_test2.php

click on the second "Submit" button. The google recaptcha isn't currently showing for some reason. Oddly, it was working before (without any changes to code and then all of a sudden the captcha stopped displaying. So thought of upgrading to the latest fancybox code but the problem still persists.

Anyway, I'm trying to load the script on the $.fancybox.afterLoad to see if this works.

Thanks,
Victor

PS - here is the other part:
<span style="display:none;" id="script">http://www.google.com/recaptcha/api/challenge?k=6LdJOdQSAAAAAMvacrzREYMJxWn7FKxebfh95szZ</span>
0
Victor Kimura
Asked:
Victor Kimura
  • 2
1 Solution
 
mcnuteCommented:
You have some console errors.

Maybe take a look on these before debugging the other.
Bildschirmfoto-2013-01-31-um-11..PNG
0
 
Roopesh ReddyIT AnalystCommented:
Hi,

I tested it in Chrome browser and seems to be working fine!

When i click on Submit2 button, i'm able to see the Captcha Control!

Check the below image for proof!
Working
Hope it helps u...
0
 
Victor KimuraSEO, Web DeveloperAuthor Commented:
Thank you, fellas!

I placed this in my form:

<?php
$div_id_recaptcha = 'loadrecaptchadiv';
echo '
                                    <script type="text/javascript">
                                        Recaptcha.create(".$public_key.", "'.$div_id_recaptcha.'", {
                                                theme: "red",
                                                callback: Recaptcha.focus_response_field
                                            }
                                        );
                                    </script>';
?>

And it seemed to work. I found it here:
http://stackoverflow.com/questions/3371314/how-to-reload-recaptcha-using-javascript

I didn't or couldn't find the documentation for this on the Google Recaptcha pages though.

The $div_id_recaptcha is where you want to load the captcha. Hope this helps others.
0
 
Victor KimuraSEO, Web DeveloperAuthor Commented:
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now