Diferencia entre revisiones de «Ejemplo de reCAPTCHA en KumbiaPHP v2»

De KumbiaPHP Framework Wiki
Línea 9: Línea 9:
 
Very nice site!
 
Very nice site!
  
== Aplicando estilos ==
+
Very nice site!
Para poder cambiar el css del captcha debemos agregar el siguiente código a nuestra app.
 
<source lang=javascript>
 
<script>
 
  var RecaptchaOptions = {
 
  theme : 'clean'  // [ red, white, blackglass, clean, custom ]
 
  };
 
</script>
 
</source>
 
A continuación agregar el siguiente código a nuestra app.
 
<source lang=css>
 
<style>
 
.recaptchatable .recaptcha_image_cell, #recaptcha_table
 
{
 
    background-color: #FFFFFF !important; /* reCaptcha widget background color */
 
}
 
#recaptcha_table
 
{
 
    border-color: #DFDFDF !important; /* reCaptcha widget border color */
 
}
 
#recaptcha_response_field
 
{
 
    border: 1px solid #CCCCCC !important; /* Text input field border color */
 
    background-color:#FFFFFF !important; /* Text input field background color */
 
}
 
</style>
 
</source>
 
Para mas información al respecto [http://wiki.recaptcha.net/ wiki de reCaptcha]
 
 
 
  
 
== Aplicando el cambio de idioma ==
 
== Aplicando el cambio de idioma ==

Revisión del 17:18 16 may 2015

{{#if:Import.png |}} {{#if: |}}


Definitely pent topic matter, appreciate it for selective information. dfafcfgddedbfkge

Very nice site!

Very nice site!

Aplicando el cambio de idioma

Para poder cambiar el idioma del captcha podemos establecer el párametro lang utilizado en la API, de la siguiente manera.

<script>
var RecaptchaOptions = {
    lang: 'es'
};
</script>

Lo anterior traducira el captcha a español.

También podemos establecer nuestros propios textos a utilizar, agregando el siguiente codigo a nuestra app.

<script>
var RecaptchaOptions = {
    custom_translations : {
    	instructions_visual :  'Escriba las dos palabras:',
    	instructions_audio :   'Escribir lo que escucha:',
    	play_again :           'Volver a reproducir el audio.',
    	cant_hear_this :       'Descarga el audio en formato MP3.',
    	visual_challenge :     'Modo Visual',
    	audio_challenge :      'Escuchar la clave de seguridad.',
    	refresh_btn :          'Volver a generar una clave de seguridad.',
    	help_btn :             'Ayuda',
    	incorrect_try_again :  'Incorrecto. Por favor, inténtelo de nuevo.'
	},
    theme : 'clean'
};
</script>

Prueba

Ya esta! Como en el anterior tutorial, puedes visitar la URL de tu controlador en http://<tuhost>/captcha y probarlo.


Espero que esté claro! Si no, podeis escribirme o localizarme en el IRC.


Saludos,

Soukron