{"id":1744,"date":"2018-02-23T23:35:27","date_gmt":"2018-02-23T21:35:27","guid":{"rendered":"https:\/\/www.h-hennes.fr\/blog\/?p=1744"},"modified":"2018-02-23T23:35:27","modified_gmt":"2018-02-23T21:35:27","slug":"eicaptcha-ajout-dune-configuration-avancees-des-selecteurs","status":"publish","type":"post","link":"https:\/\/www.h-hennes.fr\/blog\/2018\/02\/23\/eicaptcha-ajout-dune-configuration-avancees-des-selecteurs\/","title":{"rendered":"Eicaptcha : Ajout d’une configuration avanc\u00e9es des s\u00e9lecteurs"},"content":{"rendered":"

J’ai eut beaucoup de retours ces derni\u00e8res semaines sur le non-fonctionnement de mon module de captcha sur les th\u00e8mes diff\u00e9rents de default-boostrap ( celui par d\u00e9faut ).
\nCeci \u00e9tait du au fait que j’avais stock\u00e9 directement dans le code des s\u00e9lecteurs css sp\u00e9cifiques \u00e0 ce th\u00e8me.<\/p>\n

Vous pouvez le voir sur l’extrait de code suivant :<\/p>\n

<script type=\"text\/javascript\">\r\n $(document).ready(function(){\r\n \/\/Add div where the captcha will be displayed\r\n $(\".submit\").before(\"<div id=\\\"captcha-box\\\"><\/div>\"); \/\/ <= s\u00e9lecteur stock\u00e9 en dur\r\n \r\n \/\/Manage form submit \r\n $(\"#submitMessage\").click(function(){ \/\/ <= s\u00e9lecteur stock\u00e9 en dur\r\n ...\r\n <\/script>\r\n<\/pre>\n
La nouvelle version qui sortira dans les prochains jours corrigera ce probl\u00e8me, en permettant d’\u00e9diter ces informations directement depuis l’administration.
\nDans un nouvel onglet \u00ab\u00a0Param\u00e8tres avanc\u00e9s\u00a0\u00bb<\/p>\n
\"captcha-configuration-avancee\"<\/p>\n
R\u00e9cup\u00e9ration des s\u00e9lecteurs de votre th\u00e8me<\/strong><\/p>\n
Attention car la r\u00e9cup\u00e9ration des \u00e9l\u00e9ments est assez technique.
\nSi la notion vous est totalement \u00e9trang\u00e8re je vous invite \u00e0 consulter la documentation<\/a> sur ce sujet.<\/p>\n
Le plus pratique est d’utiliser les options de d\u00e9veloppement de votre navigateur\u00a0 qui s’activent via la touche F12
\n<\/strong>Une fois ceux-ci activ\u00e9s.<\/p>\n
S\u00e9lecteur du bouton de soumission du formulaire :<\/strong>
\nFaites un clic droit sur le bouton de soumission du formulaire et cliquer sur \u00ab\u00a0Examiner l’\u00e9l\u00e9ment\u00a0\u00bb ( Firefox ) ou \u00ab\u00a0Inspecter\u00a0\u00bb (chrome)
\nVous devrez obtenir une capture de ce genre :<\/p>\n
\"Inspecteur<\/p>\n
Dans le cas de cet capture le s\u00e9lecteur \u00e0 saisir est #submitMessage <\/strong>car le bouton de soumission a l’id \u00e9gal \u00e0 submitMessage.<\/p>\n
 <\/p>\n
S\u00e9lecteur insertion bloc captcha :<\/strong><\/p>\n
Celui-ci est encore un peu plus complexe, car il faut d\u00e9finir l’\u00e9l\u00e9ment css AVANT LEQUEL<\/strong> nous souhaitons ajouter le bloc de captcha.
\nIl faut \u00e9galement s’assurer que le bloc sera bien entre les balises <form> et <\/form> pour que les donn\u00e9es soient bien envoy\u00e9es.<\/p>\n
Cela correspond \u00e0 cette partie du javascript :<\/p>\n
$(\".submit\").before(\"<div id=\\\"captcha-box\\\"><\/div>\");\r\n<\/pre>\n
Dans la configuration par d\u00e9faut le s\u00e9lecteur est\u00a0.submit<\/strong> le bloc du captcha et donc ajout\u00e9 avant la div \u00ab\u00a0submit\u00a0\u00bb comme vous pouvez voir sur la capture :<\/p>\n
\"Captcha<\/p>\n
Pour ceux qui ne sont pas trop \u00e0 l’aise avec cet \u00e9l\u00e9ment, il est \u00e9galement possible de rajouter\u00a0\u00e0 l’emplacement ou vous souhaitez afficher le captcha directement le code :<\/p>\n
<div id=\"captcha-box\"><\/div><\/pre>\n
Pour tous les autres d\u00e9tails de ce module merci de consulter la page sp\u00e9cifique : Module captcha Prestashop<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
J’ai eut beaucoup de retours ces derni\u00e8res semaines sur le non-fonctionnement de mon module de captcha sur les th\u00e8mes diff\u00e9rents de default-boostrap ( celui par d\u00e9faut ). Ceci \u00e9tait du au fait que j’avais stock\u00e9 directement dans le code des s\u00e9lecteurs css sp\u00e9cifiques \u00e0 ce th\u00e8me. Vous pouvez le voir sur l’extrait de code suivant […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[245],"tags":[260,104],"class_list":["post-1744","post","type-post","status-publish","format-standard","hentry","category-prestashop-2","tag-captcha","tag-prestashop"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t