Warning: curl_setopt() [function.curl-setopt]: CURLOPT_FOLLOWLOCATION cannot be activated when safe_mode is enabled or an open_basedir is set in /home/serpito/public_html/wp-content/plugins/amp-plus/amp-plus.php on line 200
PHP:AJAX: Fancy Captcha Uygulaması | - Ajax - Serpito | www.serpito.com - AMP-Seite | Accelerated Mobile Page

PHP:AJAX: Fancy Captcha Uygulaması | - Ajax - Serpito

fancy-capchta | Quelle: www.serpito.com
PHP:AJAX: Fancy Captcha Uygulaması Posted on 01 Mart 201026 Mayıs 2012 by Atilla Akoğlu

Özellikle formlar aracılığı ile kullanıcılarla etkileşimde olunan durumlarda işlem yapanın gerçek bir kullanıcı mı yoksa otomatik bir bot mu olduğunu kontrol etmek zorunlu olmaktadır. Piyasada bulunan Captcha uygulamalarından en dikkat çekici olanını inceleyelim.

Jquery UI kullanarak gerçekleştirilen bu sistemde basit bir index kullanımı ile aktif hale gelebiliyor. Kodları inceleyelim;

index.html

 <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>Serpito.com Ajax Captcha Uygulaması</title> <script type="text/javascript" src="latest-jquery/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="latest-jquery-ui/jquery-ui-1.7.2.custom.min.js"></script> <script type="text/javascript" src="captcha/jquery.captcha.js"></script> <link href="captcha/captcha.css" rel="stylesheet" type="text/css" /> <style type="text/css" media="screen"> body { background-color: white; } </style> <script type="text/javascript" charset="utf-8"> $(function() { $(".ajax-fc-container").captcha({ borderColor: "silver", text: "Gerçek bir kullanıcıysan <span>makas</span> i daireye sürükle." }); }); </script> </head> <body> <div>captcha uygulamasını görebilmek için tarayıcınızın javascript özelliğini açmalısınız!</div> <!-- ornek icin basit bir form --> <form action="captcha/captcha.php" method="post" id="myForm"> <p><input type="text" name="myField1" value=""></p> <p><input type="text" name="myField2" value=""></p> <p><input type="submit" name="submit" value="formu gönder!"></p> </form> <!-- form sonu --> </body> </html> 

Uygulamanı tüm dosyalarını tek tek buraya kodlamak boşuna vakit kaybı olacaktır. Basit bir şekilde formlara entegre etmenin yolunu paylaştık.

Uygulamanın çalışır demosunu incelemek için tıklayınız.

Uygulama dosyalarını zip şeklinde indirmek için tıklayınız.

This entry was posted in Ajax, CSS, Demo Uygulama, PHP and tagged , , , , , . Bookmark the permalink.
Impressum
Verantwortlich für den Inhalt:
www.serpito.com
Mobile Seite per AMP Plugin:
amp-cloud.de
Datenschutz & Nutzungsbedingungen:
www.serpito.com
AMP-Update:
23.05.2018 - 20:11:39