سوال: نحوه استفاده از کپچا در ورود [بایگانی]

javadth

شنبه 07 مرداد 1391, 10:44 صبح

سلام من میخوام از کپچا در لاگین استفاده کنم
این فایل ورود منه

session_start();
if ( isset($_POST['username']) && isset($_POST['password']) )
{
include "config.php";
if ( ($_POST['username'] == $adminuser) && ($_POST['password'] == $adminpass) )
{
$_SESSION['user'] = $_POST['username'];
header ("Location: home.php");
}
}
?>
<div class="content">
<div class="top-text">ورود به مدیریت</div>
<div class="forms">
<form method="post" action="">
<label for="username"> نام کاربری : </label>
<input name="username" type="text" value="" class="form" />
<br /><br /><br /><br /><br />
<label for="Email"> رمز عبور : </label>
<input name="password" type="password" class="form-ltr" value="" />
<br /><br /><br /><br />
<input type="submit" value="ورود به مدیریت" name="submit">
</form>
</div>

</div>
<div class="clear"></div>
</div>
</body></html>

اینم فایل کپچای من

<!DOCTYPE html>
<html>
<script type="text/javascript">
var httpRequest;

function createHttpRequest()
{
var ret;

try
{
ret = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
ret = new XMLHttpRequest();
}

return ret;
}

function request(method, uri, params)
{
if(!httpRequest)
httpRequest = createHttpRequest();

httpRequest.open(method, uri, true);
if(params)
{
httpRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
httpRequest.setRequestHeader("Content-length", params.length);
}
httpRequest.setRequestHeader("Connection", "close");

httpRequest.onreadystatechange = getRequest;
httpRequest.send(params);
}

function getRequest()
{
if(httpRequest.readyState == 4)
{
try
{
var txt = httpRequest.responseText;
if(txt.indexOf('good') != -1)
{
document.getElementById('message').innerHTML = 'Correct';
}
else if(txt.indexOf('error') != -1)
{
document.getElementById('message').innerHTML = 'Error';
captcha();
}
else
{
draw(txt);
}
}
catch(e)
{
return false;
}
}
}

function draw(code)
{
var canvas = document.getElementById('captcha');

if(!canvas.getContext)
return;

var img, ctx = canvas.getContext('2d');

if(ctx.createImageData)
img = ctx.createImageData(140, 35);
else if(ctx.getImageData)
img = ctx.getImageData(0, 0, 140, 35);
else
img = {'width' : w, 'height' : h, 'data' : new Array(140 * 35 * 4)};

eval(code);

for(var j = 0; j < 35; j++)
{
for(var i = 0; i < 140; i++)
{
var idx = (i + j * 140) * 4;

img.data[idx + 0] = colorArray[idx + 0];
img.data[idx + 1] = colorArray[idx + 1];
img.data[idx + 2] = colorArray[idx + 2];
img.data[idx + 3] = colorArray[idx + 3];
}
}
ctx.putImageData(img, 0, 0);
}

function captcha()
{
request('GET', 'captcha.php?get', '');
}

function check_captcha()
{
var cap = document.getElementById('cap').value;
if(cap.length < 1)
{
alert('آâهنèٍه ٍهêٌٍ ٌ êàًٍèيêè.');
return false;
}
request('POST', 'captcha.php', 'cap='+cap);
}
</script>
<body onLoad="captcha();">
<table>
<tr>
<td>
<canvas id="captcha" width="140" height="35" onClick="captcha();"></canvas>
</td>
</tr>
<tr>
<td>
<form>
<input type="text" id="cap" size="12">
<input type="button" value="OK" onClick="check_captcha();">
</form>
</td>
</tr>
<tr>
<td>
<span id="message"></span>
</td>
</tr>
</body>
</html>