I’m using reCaptcha in this form I build, but for some reason, it loses it’s styling…
Does anyone have a clue why?
The form: -link no longer needed-
The code for the form:
<td align="center" colspan="2">
<script type="text/javascript">/*<![CDATA[*/ var RecaptchaOptions = { theme : "clean", lang: "en" }; /*]]>*/</script>
<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LfExcoSAAAAAFuAzQEMIDXCkWN3Y9nRd9uLfetc"></script>
<iframe src="http://api.recaptcha.net/noscript?k=6LfExcoSAAAAAFuAzQEMIDXCkWN3Y9nRd9uLfetc" height="250px" width="100%" frameborder="0" title="CAPTCHA test"></iframe><br />
<textarea name="recaptcha_challenge_field" id="tswcaptcha" rows="3" cols="40"></textarea>
<input type="hidden" name="recaptcha_response_field" value="manual_challenge" />
</td>
It just doesn’t make sense that the style is broken, because I’ve got it to work on another site… Could it be because I load the reCaptcha form using jQuery?
I ended up using the AJAX API for the ReCaptcha, which works like a charm!
More info about there here:
http://code.google.com/intl/nl/apis/recaptcha/docs/display.html#AJAX