jquery - Recaptcha not shown by colorbox -
i using colorbox jquery show registeration form in popup box.
i used following script initiate popup
<script type="text/javascript" language="javascript"> $(".ajax").colorbox({width:"30%"}); </script> in popup called registration form recaptcha. can form fields in popupbox not recaptcha .
i getting recptcha code place of recaptcha in ajax form noscript
<iframe src="http://www.google.com/recaptcha/api/noscript?k=6ldxveqsaaaaadjtoplughy6irxjgrefwwwof47h" height="300" width="500" frameborder="0"></iframe> <br/> <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea> <input type="hidden" name="recaptcha_response_field" value="manual_challenge"/> 
actual registration form without ajax
recaptcha in popup can done following code
<head> <!-- ... html content ... --> <script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script> <!-- wrapping recaptcha create method in javascript function --> <script type="text/javascript"> function showrecaptcha(element) { recaptcha.create("your_public_key", element, { theme: "red", callback: recaptcha.focus_response_field}); } </script> <!-- ... more of html content ... --> </head> <body> <!-- ... html <body> content ... --> <div id="recaptcha_div"></div> <input type="button" value="show recaptcha" onclick="showrecaptcha('recaptcha_div');"></input> <!-- ... more of html content ... --> <body> google's details information problem
result 
Comments
Post a Comment