Printable View
با سلام
ساللللللللللل نو به همه مبارک خدا رفتگان همه رو بیامرزد .انشاء الله
حتما بسیاری ازشما در سایت هایی مانند گوگل دیدید که کنار تصویر امنیتی یک دکمه گذاشته و نوشته لود تصویر امنیتی جدید و وقتی کلیک می کنی بدون اینکه صفحه ری لود شه یک تصویر امنیتی دیگه لود می شه می خواستم کمک کنید ببینم چه جوری کدش
کمک لطفا
در صورت دادن کد ممنون می شم به درد همه می خوره
آقا جواب لطفا ما منتظریمااااااا
البته من تا حالا انجام ندادم و روش استانداردش رو نمیدونم ولی کاره سختی نیست
این کد صفحه اولت
[HTML]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript">
function getdata(divid){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject('Msxml2.XMLHTTP');
} catch (e) {
try {
xmlhttp = new
ActiveXObject('Microsoft.XMLHTTP'); } catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
if(xmlhttp){
var obj = document.getElementById(divid);
xmlhttp.open("GET", 'random.php', true);
xmlhttp.onreadystatechange = function()
{
obj.innerHTML ="<img src= "+ xmlhttp.responseText+">";
}
xmlhttp.send(null);
}
}
</script>
<title>Untitled Document</title>
</head>
<body>
<input name="" type="button" onClick="getdata('target')">
<div id="target">Content for id "target" Goes Here</div>
</body>
</html>
[/HTML]
این هم صفحه دوم به اسمه random.php باید بزاریش و یه عدد رندوم ایجاد میکنه
[PHP] <?php
$r=rand(1,5);
print"$r.gif";
?>[/PHP]
کنار این صفحات 5 تا عکس به اسمایه
1.gif
2.gif
.
.
5.gif بزار و تویه سرور مجازیت اجراش کن
البته برا من تویه فایر فاکس جواب میده تو ie نمیدونم چه مرگشه دارم روش کار میکنم
البته این یه روش سادست که دستت بیاد جریان چجوریاست
اگه بخای حرفه تر کار کنی باید یه شمارنده بزاری و از تویه بانک اطلاعاتی id عکس ها رو در بیاری و اونا رو نمایش بدی
سلام کدهای ما رو نخوندم ولی روش کلیش اینه که:
برای دوباره لود کردن باید از ajax استفاه کنی
در ضمن نیازی هم به استفاده از database نیست باید به صورت random این کار رو انجام داد
کدی که من نوشتم هم ایجکس هست
ولی در صورت استفاده از رندوم احتمال اینکه دوبار پشت سر هم یه عکس تکرار بشه هست
تا اونجایی که من کدها رو خوندم
فایل اول که مربوط به قسمت ajax درسته
ولی همونجور که گفتم برای ساخت کد امنیتی به جای دیتابیس و.. بهتره به صورت رندم این کار رو انجام بدید
این کدیه که من استفاده می کنم
نقل قول:
<?
$width=100;
$height=20;
session_start();
$no=rand(10000,99999);
$_SESSION['security_code']=$no;
$string=$no;
$im=imagecreate($width,$height);
$white=imagecolorallocate($im,255,255,255);
$black=imagecolorallocate($im,0,0,0);
imagestring($im,4,10,5,$string,$black);
imagegif($im);
?>
خوب من هم تو این قضیه مشکل پیدا کردم
این قسمت مربوط به کد ajax:
[HTML]
var xmlhttp
function create_xmlhttp()
{
if(window.ActiveXObject)
{
try { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP") }
catch (e) { xmlhttp=false }
}
else
{
try { xmlhttp=new XMLHttpRequest() }
catch (e) { xmlhttp=false }
}
return xmlhttp
}
function reload_security_code()
{
create_xmlhttp()
if(xmlhttp)
{
xmlhttp.onreadystatechange=function ()
{
if(xmlhttp.readyState==4)
document.getElementById("img_security_code").src=x mlhttp.responseText
}
xmlhttp.open("GET","inc/gd.php",true)
xmlhttp.send(null)
}
}
[/HTML]
و این هم قسمت php
[PHP]
<?php
$no=rand(100000,999999);
$_SESSION['security_code']=$no;
$width=100;
$height=30;
$im=imagecreate($width,$height);
$white=imagecolorallocate($im,255,255,255);
$black=imagecolorallocate($im,0,0,0);
imagestring($im,4,10,10,$no,$black);
imagegif($im);
?>
[/PHP]
اما وقتی می خوام دوباره کد رو لد کنم دیگه تصویر نشون داده نمی شه
چرا؟
قسمتی رو که گذاشتم، اشکال داره. شما نباید src عکس رو به اینصورت عوض کنید. اگر با Regular Expression آشنایی داشته باشید می تونید از همین طریق هم عمل کنید.نقل قول:
ولی راه ساده ی اون برای شما اینه که یک div قرار بدید و id اون رو بگیرید و در اون محتوای گرفته شده از طریق ای جکس به نمایش بزارید.
کد:document.getElementById("divs").innerHTML=xmlhttp.responseText
برای اینکه مشکلی نباشه
و برای جلوگیری از کش شدن:کد:document.getElementById("img_security_code").src=document.getElementById("img_security_code").src
کد:document.getElementById("img_security_code").src=document.getElementById("img_security_code").src+"#"
خودتونو خسته نکنید:
[PHP]
var clicks = 0;
function write_captcha()
{
clicks++;
document.getElementById('capt').value = '';
document.getElementById('captcha_id').innerHTML = '<img src="captcha.php?action=captcha&noheader=treu&clic ks=' + clicks + '" border="0" alt="اگر این تصویر برای شما نامفهوم است کلیک کنید." title="اگر این تصویر برای شما نامفهوم است کلیک کنید." style="cursor:pointer" onclick="write_captcha();" height=90 width=150/>';
return false;
}
[/PHP]