Я пытаюсь использовать службу проверки подлинности reCAPTCHA.net, однако мне хотелось бы использовать собственные переводы (https://developers.google.com/recaptcha/docs/customization#i18n), так как встроенные не поддерживают все языки. Кроме того, вместо того, чтобы использовать одну из их стандартных тем, я хотел бы полностью настроить капчу так, чтобы она соответствовала моему сайту.
Ниже приведен фрагмент того, что я пытаюсь сделать, однако по какой-то забавной причине это не работает (текст остается на английском, а не переведен). Мне было интересно, будут ли переведены текстовые ссылки, такие как «Получить другую капчу», «Получить звуковую капчу», «Помощь» и т. Д. Если я правильно понимаю, они должны переводиться в зависимости от строк, которые я установил в атрибуте custom_translations. Кроме того, если я заменю содержимое текстовых ссылок значком вместо текста, будут ли значки автоматически получать тег ALT с соответствующим содержимым?
Так, например, если я изменю это:
<div class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type('audio')">Get an audio CAPTCHA</a></div>
К этому, будут ли теги alt изображения предварительно заполняться автоматически, чтобы при наведении курсора на значок он говорил «Получить аудио-капчу»?
<div class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type('audio')"><img height="16" width="16" src="audio.gif" alt="" /></a></div>
Я задаю этот вопрос, поскольку, когда я пытался выбрать одну из стандартных тем, например «тема: «красная», теги alt автоматически переводились в зависимости от языка.
Вот фрагмент моего кода. Я удалил свой открытый ключ снизу.
JS:
<script type="text/javascript">
var RecaptchaOptions = {
custom_translations : {
instructions_visual : "Scrivi le due parole:",
instructions_audio : "Trascrivi ci\u00f2 che senti:",
play_again : "Riascolta la traccia audio",
cant_hear_this : "Scarica la traccia in formato MP3",
visual_challenge : "Modalit\u00e0 visiva",
audio_challenge : "Modalit\u00e0 auditiva",
refresh_btn : "Chiedi due nuove parole",
help_btn : "Aiuto",
incorrect_try_again : "Scorretto. Riprova.",
},
lang : 'it', // Unavailable while writing this code (just for audio challenge)
theme : 'custom', // Make sure there is no trailing ',' at the end of the RecaptchaOptions dictionary
custom_theme_widget: 'recaptcha_widget'
};
</script>
HTML
<div id="recaptcha_widget" style="display:none">
<div id="recaptcha_image"></div>
<div class="recaptcha_only_if_incorrect_sol" style="color:red">Incorrect please try again</div>
<span class="recaptcha_only_if_image">Enter the words above:</span>
<span class="recaptcha_only_if_audio">Enter the numbers you hear:</span>
<input type="text" id="recaptcha_response_field" name="recaptcha_response_field" />
<div><a href="javascript:Recaptcha.reload()">Get another CAPTCHA</a></div>
<div class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type('audio')">Get an audio CAPTCHA</a></div>
<div class="recaptcha_only_if_audio"><a href="javascript:Recaptcha.switch_type('image')">Get an image CAPTCHA</a></div>
<div><a href="javascript:Recaptcha.showhelp()">Help</a></div>
</div>
<script type="text/javascript"
src="http://www.google.com/recaptcha/api/challenge?k=MY_PUBLIC_KEY">
</script>
<noscript>
<iframe src="http://www.google.com/recaptcha/api/noscript?k=MY_PUBLIC_KEY"
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>
Я также прилагаю снимок экрана с результатом.