Tutoriel:
L'ajout d'un captcha sur un formulaire
Ce tutoriel explique comment intégrer un CAPTCHA à un formulaire Web Creator Pro 6 (l'astuce risque de marcher dans les versions précédentes mais aucun test n'a été effectué,alors à vos risques et périls!). Alors avant d'aller plus loin, il y a quelques conditions nécessaires pour que cela fonctionne:
1. Votre hébergeur doit supporter le PHP ainsi que l'envoi de courriel via la fonction mail() de PHP (la majorité vont supporter les deux).
2. Votre page DOIT être soumise à une page PHP. Cet exemple ne fonctionne donc pas avec l'envoi par courriel direct ou avec DATAFORM, ni à l'envoi à une fonction javascript.
3. Le script de réception est monté spécifiquement pour ce formulaire, alors il faudra l'adapter à chaque formulaire (ou le modifier pour le rendre générique).
4. Vous aurez besoin d'un compte chez reCaptcha, lequel vous permettra d'obtenir votre clé publique et votre clé privée pour le captcha (voir plus loin).
Voici donc les instructions pour réaliser ce projet:
1. On crée un formulaire et on y attribue des champs (avec un bouton soumettre)
2. On ajoute un Élément Web qui contient le code suivant REMPLACEZ LES ********************* PAR VOTRE CLÉ PUBLIQUE
Alors voilà, en mettant tout ça en ligne, ça devrait fonctionner. Voici un exemple du résultat:
http://www.lmsite.net/alex/form101
Voici le lien vers un exemple de projet utilisant cette technique:
http://www.lmsoft.com/tutoriel....
L'Équipe LMSOFT
<script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=*********************"> </script> <noscript> <iframe src="http://www.google.com/recaptcha/api/noscript?k=*********************" height="300" width="500" frameborder="0"> </iframe> <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea> <input type="hidden" name="recaptcha_response_field" value="manual_challenge"/> </noscript>
3. On ajoute un élément Web qui contient le code suivant (ATTENTION, PLUSIEURS VALEURS DOIVENT ÊTRE REMPLACÉES, VOIR COMMENTAIRES):
<script type="text/javascript"> var wo= $("#WebObj1"); // remplacer par le nom de votre élément Web créé au point 2 var f= $("#Form1"); // remplacez par le nom de votre formulaire f.append(wo); wo[0].style.top= "185px"; // remplacez par la position relative au parent en Y où vous désirez avoir le captcha wo[0].style.left= "20px"; // remplacez par la position relative au parent en X où vous désirez avoir le captcha </script>
4. On doit créer une page PHP pour recevoir les données. Créez une page avec l'extension PHP (à choisir pendant la création!) et décorez-là pour qu'elle soit une page de confirmation. Pour l'instant, c'est une page WC bien normale, on y reviendra.
5. On retourne à la page du formulaire et on modifie le formulaire pour qu'il soumette à une page, et on spécifie le nom de la page (./reception.php par exemple)
6. On doit ajouter manuellement dans le dossier Web, à la racine, le fichier "recaptchalib.php" (voir le lien vers le ZIP à la fin)
7. On revient à la page de confirmation. On ajoute le code suivant dans un Élément Web (VOIR COMMENTAIRES)