jquery - recaptcha show blank space in bootstrap 3 bottom page -
jquery - recaptcha show blank space in bootstrap 3 bottom page -
i work bootstrap 3 login page , add together recaptcha this. before load finish page see blank page in bottom load recaptcha.
recaptcha:
<script type="text/javascript"> var recaptchaoptions = { theme: 'custom', custom_theme_widget: 'recaptcha_widget' }; </script> <div id="recaptcha_widget" style="display:none"> <div class="control-group"> <label class="control-label">recaptcha</label> <div class="controls"> <a id="recaptcha_image" href="#" class="thumbnail"></a> <div class="recaptcha_only_if_incorrect_sol" style="color:red">incorrect please seek again</div> </div> </div> <div class="control-group"> <label class="recaptcha_only_if_image control-label">enter words above:</label> <label class="recaptcha_only_if_audio control-label">enter numbers hear:</label> <div class="controls"> <div class="input-append"> <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" class="input-recaptcha" /> <a class="btn" href="javascript:recaptcha.reload()"><i class="icon-refresh"></i></a> <a class="btn recaptcha_only_if_image" href="javascript:recaptcha.switch_type('audio')"><i title="get sound captcha" class="icon-headphones"></i></a> <a class="btn recaptcha_only_if_audio" href="javascript:recaptcha.switch_type('image')"><i title="get image captcha" class="icon-picture"></i></a> <a class="btn" href="javascript:recaptcha.showhelp()"><i class="icon-question-sign"></i></a> </div> </div> </div> </div> <script type="text/javascript" src="<?php echo $recaptcha_url; ?>"> </script> <noscript> <iframe src="<?php echo $recaptcha_noscript_url; ?>" 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"> </noscript> </form> <script type="text/javascript" src="https://www.google.com/recaptcha/api/challenge?k=6lcrk9csaaaaalecjg9gtrpbea0yavskd8sbpfpr"></script> <noscript> <iframe src="<?php echo $recaptcha_noscript_url; ?>" 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"> </noscript>
how prepare ?
demo (click in run , see problem) fiddle
pic:
this can happen if don't acquire , add together recaptcha api key.
jquery html css twitter-bootstrap recaptcha
Comments
Post a Comment