مشکل در لود سایت با کمک جاوا اسکریپت
سلام دوستان
اول از مدیران معذرت می خوام اگه جای تاپیک درست نیست. در صورت نیاز خودتان زحمت جابجاییش رو بکشید. :11:
دوم در مورد مشکل
من زیاد از جاوا اسکریپت سر در نمی یارم.
ولی تازگی ها یه مقدار رفتم تو بهرش و الان یه مشکل برام پیش اومده از شما دوستان کمک می خوام.
مشکل من اینه که الان من یک سورس کوچیک AJAX نوشتم و درست هم کار می کنه به غیر از یک جاش
وقتی اسکریپت رو اجرا می کنم و روی لینک " عکسها " کلیک می کنم. تا صفحه لود نشه لینکهای دیگه سایت کار نمی کنه.
من برای راحتی کار یک حلقه درست کردم که یه مقدار وقت میبره تا کامل بشه، و بعد از اون پیغام " ok " نشون میده
اما وقتی در زمان لود هست و روی لینک " صفحه اصلی " کلیک می کنم. با مقداری تاخیر به صفحه میره در حالی که در صفحه اصلی فقط یک متن هست.
چند سایت AJAX دیگر رو دیدم ولی این مشکل در آنها وجود نداشت. و چون از JQuery استفاده کرده بودن من متوجه نشدم مشکلم از کجاست.
اطلاعات فایل های من به شرح زیر هستند:
index.php
کد:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Web</title>
<script language="javascript" type="text/javascript" src="ajax.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle" bgcolor="#FFFFFF"> </td>
<td width="65" align="center" valign="middle" bgcolor="#FFFFFF" onMouseOver="this.style.background='#000000';" onMouseOut="this.style.background='#FFFFFF';"><a href="javascript:showPage('pics')">عکسها</a></td>
<td width="65" align="center" valign="middle" bgcolor="#FFFFFF" onMouseOver="this.style.background='#000000';" onMouseOut="this.style.background='#FFFFFF';"><a href="javascript:showPage('index')">صفحه اصلی</a></td>
<td height="19" align="center" valign="middle" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td colspan="6" align="center" valign="middle" bgcolor="#FFFFFF">
<div id="ShowInfo"><p>خوش آمدید MySql با PHP در AJAX به صفحه آموزشی</p></div>
</td>
</tr>
</table>
</body>
</html>
-------
style.css
کد:
body{background-color: #E1E1E1;}
body,td,th{font-family: Tahoma; font-size: 8pt;}
a{font-family: Tahoma; font-size: 8pt; color: #000000;}
a:link{text-decoration: none;}
a:visited{text-decoration: none; color: #000000;}
a:hover{text-decoration: none; color: #FFFFFF;}
a:active{text-decoration: none; color: #FFFFFF;}
-------
ajax.js
کد:
function Http(){
var xmlhttp;
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(E){
if(typeof XMLHttpRequest!="undefined"){
xmlhttp = new XMLHttpRequest();
}
}
}
return xmlhttp;
}
var xmlhttp = Http();
function showPage(page){
var file = "db.php?page=";
xmlhttp.open("GET", file + page, true);
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState == 1){
document.getElementById("ShowInfo").innerHTML ="<p align='center'><img src='loading.gif' border='0'><br><br>... در حال بارگزاری</p>";
}
if(xmlhttp.readyState==4){
var content = xmlhttp.responseText;
if( content ){
document.getElementById("ShowInfo").innerHTML = content;
}
}
}
xmlhttp.send(null);
return;
}
-------
db.php
کد:
<?PHP
switch ($_GET["page"]) {
case "index": echo "<p>خوش آمدید MySql با PHP در AJAX به صفحه آموزشی</p>"; break;
case "pics": include("pics.php"); break;
}
?>
--------
pics.php
کد:
<?PHP
set_time_limit(0);
for($i=0; $i<=50000000; $i++){}
echo "ok";
?>
-----------
باتشکر
