1

を使用してカスタム テーマの Recaptcha ウィジェットをスタイリングする方法がわかりません

http://github.com/ambethia/recaptcha

サイドバーのフォームに収まるようにウィジェットのサイズを変更したいと考えています。

私が行った場合

<%= recaptcha_tags :display => {:theme => 'custom', :custom_theme_widget => 'recaptcha_widget'} %>

そして追加

<div id="recaptcha_widget">
    <div id="recaptcha_image"></div>
    <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" />
</div>

通り

Recaptcha - フォームのカスタマイズ

応答入力フィールドと、img タグの source 属性のエラー メッセージのみを取得します。

src="http://optim.coral.cs.cmu.edu/error/TypeError_Result_of_expression_____recaptcha_response_field_____null__is_not_an_object_"

Ambethia gem を使用して Recaptcha ウィジェットのテーマをカスタマイズする良い方法を見つけた人はいますか?

4

2 に答える 2

0

私はヘルパーなしでこのようにしました.スクリプトタグで公開鍵を渡した場合に機能しますが、environment.rb では機能しません:

    #recaptcha_container
      %label{ :for => "recaptcha_response_field" }
        Enter the two words below:
      %input#recaptcha_response_field.text{ :name => "recaptcha_response_field", :type => "text" }
      #recaptcha_image
      %p
        Choose captcha format:
        %a{ :href => "javascript:Recaptcha.switch_type('image');" }
          Image
        or
        %a{ :href => "javascript:Recaptcha.switch_type('audio');" }
          Audio
      %input#recaptcha_reload_btn{ :type => "button", :value => "Get new words", :onclick => "Recaptcha.reload();" }
    %script{ :src => "http://api.recaptcha.net/challenge?k=INSERT_KEY_HERE", :type => "text/javascript" }
    %noscript
      %iframe{ :src => "http://api.recaptcha.net/noscript?k=INSERT_KEY_HERE" }
        height="300" width="500" frameborder="0">
      %textarea{ :name => "recaptcha_challenge_field", :rows => "3", :cols => "40" }
于 2010-06-29T22:14:59.763 に答える
0

私も同じ問題を抱えていました。recaptcha_widgetでもbeforeのhtmlコードを入れればrecaptcha_tagsOKです。

于 2010-07-13T07:00:50.917 に答える