السلام عليكم ورحمة اله وبركاته
أخوتي الأفاضل عندي فورم لتسجيل دخول الصفحة وقمت بعملية بعملها ب php و الأجاكس.
والكود يعمل وبحمد الله, ولكن أريد ان كان التسجيل صحيح أن يقوم بتحويل تلقائي لصفحة أخرى وهذا ما فشلت به للأسف.
هذا كود الأجاكس :
كود:
//reset function
function reset_form()
{
document.login_form.user_name.value="";
document.login_form.password.value="";
document.login_form.user_name.focus();
}
//login function
function form_submit()
{
if(document.login_form.user_name.value=="")
{
alert("Please write your user name");
document.login_form.user_name.focus();
}
else if(document.login_form.password.value=="")
{
alert("Please write your password");
document.login_form.password.focus();
}
else
{
setTimeout("document.login_form.submit()",3000);
document.getElementById("loading").innerHTML = "<img alt=loading src=../images/loading.gif width=100 height=9> Loading ...";
document.getElementById("loading").style.visibility="visible";
}
}
//show result div function
function show(x,y)
{
var server_page="login.php";
var query="?user_name="+x+"&password="+y+"&form=do";
xmlhttp.open("GET",server_page+query);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("loading").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.send(null);
}
أما كود php :
كود PHP:
<?php
header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); // Date in the past
header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); // always modified
header ("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1
header ("Pragma: no-cache");
include("config.php");
$form=$_GET["form"];
$user_name=$_COOKIE["user_name"];
if($form=="do")
{
$admin=$_GET["user_name"];
$password=$_GET["password"];
$remmeber_me=$_GET["remmeber_me"];
$num_query=mysql_query("SELECT *
FROM admin
WHERE admin_user='$admin' AND admin_password='$password'")or die("Error in num query Because ".mysql_error());
$number=mysql_num_rows($num_query);
if($number==1)
{
if($remmeber_me==1)
{
setcookie("user_name","$user_name",time()+3600*24*30);
}
else
{
setcookie("user_name","$user_name",time()+3600);
}
header("Refresh: 5; url=index.php");
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<link rel="stylesheet" type="text/css" href="../templates/style.css" />
<style type="text/css">
.style1 {
text-align: center;
}
a:link {
BACKGROUND: none;
FONT-FAMILY: tahoma;
TEXT-DECORATION: none;
font-weight: bold;
color: #113167;
font-size: 14px;
}
</style>
<script type="text/javascript" src="../templates/xml.js">
</script>
<script type="text/javascript" src="../templates/login.js" language="javascript">
</script>
</head>
<body>
<?php
if(!isset($form))
{
?>
<form method="get" action="javascript:show(document.login_form.user_name.value,document.login_form.password.value)" name="login_form">
<div class="style1">
<table style="width: 302px; height: 36px;" align="center">
<tr>
<td class="content" style="width: 124px">user name:</td>
<td class="style3"><input name="user_name" class="blur_field" type="text" size="30" onfocus="this.className='focus_field'" onblur="this.className='blur_field'" /></td>
</tr>
<tr>
<td class="content" style="width: 124px">password:</td>
<td class="style3">
<input name="password" class="blur_field" type="password" size="30" onfocus="this.className='focus_field'" onblur="this.className='blur_field'" tabindex="0" /> </td>
</tr>
<tr>
<td class="style2" style="width: 124px"> </td>
<td class="content" align="left">
<input name="remmeber_me" type="checkbox" value="1" style="height: 20px" />Remember me at
this PC</td>
</tr>
<tr>
<td class="style2" style="width: 124px"> </td>
<td class="content" align="left">
</td>
</tr>
</table>
<div class="style1">
<a href="javascript:reset_form()">
<img alt="Reset" src="../images/normal.gif" width="100" height="20" name="reset" onmouseover="document.reset.src='../images/over.gif'"
onmouseout="document.reset.src='../images/normal.gif'" onclick="document.reset.src='../images/click.gif'" style="border:0px" /></a><a href="javascript:student()">
</a><a href="javascript:form_submit()">
<img alt="submit" src="../../school/images/button10.gif" width="100" height="20" name="click" onmouseover="document.click.src='../images/button11.gif'"
onmouseout="document.click.src='../images/button10.gif'" onclick="document.click.src='../images/button15.gif'" style="border:0px" /></a><br />
<div id="loading" class="content" style="visibility: hidden">
<br>
<img alt="loading" src="../images/loading.gif" width="100" height="9">
Loading ...</div>
</div>
</div>
</form>
<? }
else
{
if($number==1)
{
echo "<span class=true align=center>you have Login Correctly";
echo "<br>if your browser doesn`t support the auto-redirection <a href='index.php'>Click Here</a></span>";
}
else
{
echo "<span class=wrong align=center>you have an Error in user name or password";
}
}
?>
</body>
</html>
وشكر للجميع على المرور