{"id":6125,"date":"2013-09-20T22:08:46","date_gmt":"2013-09-20T22:08:46","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=6125"},"modified":"2019-04-08T10:11:51","modified_gmt":"2019-04-08T10:11:51","slug":"qaptcha","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/","title":{"rendered":"QapTcha"},"content":{"rendered":"<p>QapTcha es un sistema Captcha f\u00e1cil de usar, simple e intuitivo de jQuery UI.<\/p>\n<p>Se necesita la acci\u00f3n del hombre en lugar de leer un texto dif\u00edcil y es un plugin de jQuery muy ligero.<\/p>\n<p>Funciona correctamente con el iPhone y el iPad.<\/p>\n<p>Para incluirlo en tus formularios deber\u00e1s a\u00f1adir en la cabecera o &lt;head&gt; de la p\u00e1gina la librer\u00eda jQuery, la customizaci\u00f3n jQuery UI, jQuery Touch para los dispositivos m\u00f3viles y el plugin jQuery QapTcha, adem\u00e1s de su llamada y los estilos necesarios.<\/p>\n<pre>&lt;link rel=\"stylesheet\" href=\"jquery\/QapTcha.jquery.css\" type=\"text\/css\" \/&gt;\r\n&lt;script type=\"text\/javascript\" src=\"jquery\/jquery.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\" src=\"jquery\/jquery-ui.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\" src=\"jquery\/jquery.ui.touch.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\" src=\"jquery\/QapTcha.jquery.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\"&gt;\r\n$(document).ready(function(){ \u00a0\r\n\u00a0\u00a0\u00a0 $('.QapTcha').QapTcha({\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 autoSubmit : true,\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 autoRevert : true\r\n\u00a0\u00a0\u00a0 });\r\n\u00a0 });\r\n&lt;\/script&gt;<\/pre>\n<p>Luego en tu formulario, en el lugar deseado a\u00f1ades el contenedor.<\/p>\n<pre>&lt;div class=\"QapTcha\"&gt;&lt;\/div&gt;<\/pre>\n<p>Obteniendo como resultado:<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6126\" alt=\"qaptcha\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/09\/qaptcha.png\" width=\"269\" height=\"206\" \/><\/p>\n<p>El \u00fanico inconveniente que le veo es que necesita incluir demasiados archivos para realizar la funcionalidad.<\/p>\n<p>Al plugin le puedes dar distintas opciones. En el ejemplo en funcionamiento, indicamos que queremos tener el bot\u00f3n de env\u00edo del formulario deshabilitado hasta que se arrastre la flecha hacia la derecha. Una vez arrastrada, solo lo puede hacer un humano, el bot\u00f3n se habilita.<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/scripts\/jquery\/qapTcha\/demo.php\" target=\"_blank\" rel=\"noopener noreferrer\">Ver ejemplo en funcionamiento<\/a><\/p>\n<p>Ver m\u00e1s documentaci\u00f3n<\/p>\n<p>Descargar<\/p>\n","protected":false},"excerpt":{"rendered":"<p>QapTcha es un sistema Captcha f\u00e1cil de usar, simple e intuitivo de jQuery UI. Se necesita la acci\u00f3n del hombre en lugar de leer un texto dif\u00edcil y es un plugin de jQuery muy ligero. Funciona correctamente con el iPhone y el iPad. Para incluirlo en tus formularios deber\u00e1s a\u00f1adir en la cabecera o &lt;head&gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6126,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[100],"class_list":["post-6125","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","tag-captchas"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>QapTcha - Jose Aguilar Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"QapTcha - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"QapTcha es un sistema Captcha f\u00e1cil de usar, simple e intuitivo de jQuery UI. Se necesita la acci\u00f3n del hombre en lugar de leer un texto dif\u00edcil y es un plugin de jQuery muy ligero. Funciona correctamente con el iPhone y el iPad. Para incluirlo en tus formularios deber\u00e1s a\u00f1adir en la cabecera o &lt;head&gt; [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-20T22:08:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-08T10:11:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/09\/qaptcha.png\" \/>\n\t<meta property=\"og:image:width\" content=\"269\" \/>\n\t<meta property=\"og:image:height\" content=\"206\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/\",\"name\":\"QapTcha - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/09\/qaptcha.png\",\"datePublished\":\"2013-09-20T22:08:46+00:00\",\"dateModified\":\"2019-04-08T10:11:51+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/09\/qaptcha.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/09\/qaptcha.png\",\"width\":269,\"height\":206},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"QapTcha\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"QapTcha - Jose Aguilar Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"QapTcha - Jose Aguilar Blog","og_description":"QapTcha es un sistema Captcha f\u00e1cil de usar, simple e intuitivo de jQuery UI. Se necesita la acci\u00f3n del hombre en lugar de leer un texto dif\u00edcil y es un plugin de jQuery muy ligero. Funciona correctamente con el iPhone y el iPad. Para incluirlo en tus formularios deber\u00e1s a\u00f1adir en la cabecera o &lt;head&gt; [&hellip;]","og_url":"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2013-09-20T22:08:46+00:00","article_modified_time":"2019-04-08T10:11:51+00:00","og_image":[{"width":269,"height":206,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/09\/qaptcha.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/","url":"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/","name":"QapTcha - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/09\/qaptcha.png","datePublished":"2013-09-20T22:08:46+00:00","dateModified":"2019-04-08T10:11:51+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/09\/qaptcha.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/09\/qaptcha.png","width":269,"height":206},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/qaptcha\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"QapTcha"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/6125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=6125"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/6125\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/6126"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=6125"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=6125"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=6125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}