2

デフォルトの赤いスタイルを使用して自分のサイトにrecaptchaを実装しましたが、IE8を除くすべてのブラウザーで見栄えがします。

スクリーンショット
(出典:dovinoutlaw.com

何が得られますか?何か案が?

フォーマットには何もしていません。JavaScript(jQuery)と標準プラグインPHP検証を使用してページにrecaptchaを追加しました(すべて動作が証明されています)。

どこから問題を探し始めるのかさえわかりません。

ajaxのロード後にキャプチャをロードするjQueryコード:

$("div#menu ul li a").click(function() {
    var ifContact = $(this).attr('href');   <!-- variable for contact page -->
    $('div#menu ul li a').removeClass("active").addClass("inactive");
    $(this).removeClass("inactive").addClass("active");   <!--changes nav buttons-->
    $('div#page_content').load(($(this).attr('href') + ' #content'), function(){ 
    if (ifContact == 'contact.html') {     <!--if we are on the contact page-->
       Recaptcha.create("key", "captcha", {
            theme: "red",
            callback: Recaptcha.focus_response_field
        }); 
    }
    });
    return false;
    }); 

解決

top:60px position:relativerecaptchaが含まれていたdivは、CSSを介してコンテナdiv内に配置されました。に変更されましたposition:absolute;

4

2 に答える 2

1

交換

ReCaptcha captcha = 
ReCaptchaFactory.newSecureReCaptcha(recapConfig.getPublickey(), 
recapConfig.getPrivatekey(), false); 

ReCaptchaImpl recaptcha = new ReCaptchaImpl(); 
recaptcha.setIncludeNoscript(false); 
recaptcha.setPrivateKey(recapConfig.getPrivatekey()); 
recaptcha.setPublicKey(recapConfig.getPublickey()); 
recaptcha.setRecaptchaServer("https://www.google.com/recaptcha/api"); 
于 2012-11-24T10:38:34.210 に答える
0

解決策:recaptchaが含まれていたdivは、cssを介してtop:60px position:relativeのコンテナーdiv内に配置されました。position:absolute;に変更されました。

とにかく読んで投票してくれた人たちに感謝します!!

于 2012-12-13T05:56:19.520 に答える