Comment faire pour personnaliser le widget Recaptcha personnalisé en utilisant Ambethia Ruby Gem?

Question

Je ne suis pas sûr de savoir comment s'y prendre styling un thème personnalisé en utilisant un widget Recaptcha

http://github.com/ambethia/recaptcha

Je veux redimensionner le widget pour s'adapter sous une forme dans une barre latérale.

Si je

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

et ajouter

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

selon

Recaptcha - Form Customization

Je ne reçois que le champ de saisie de réponse et un message d'erreur dans l'attribut source de l'étiquette img

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

Quelqu'un at-il trouvé un bon moyen de thème personnalisé en utilisant le widget Recaptcha la gemme Ambethia?

Answer 1

Je l'ai fait comme ça sans helpers..it fonctionne si je suis passé la clé publique dans la balise de script, mais pas dans 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" } 

Answer 2

J'ai eu le même problème. Mais si vous placez le code html de recaptcha_widget avant recaptcha_tags, tout est ok.