مشکل در لود سایت با کمک جاوا اسکریپت

A

Ali_vavan2009

Member
سلام دوستان

من زیاد از جاوا اسکریپت سر در نمی یارم.

ولی تازگی ها یه مقدار رفتم تو بهرش و الان یه مشکل برام پیش اومده از شما دوستان کمک می خوام.

مشکل من اینه که الان من یک سورس کوچیک AJAX نوشتم و درست هم کار می کنه به غیر از یک جاش

وقتی اسکریپت رو اجرا می کنم و روی لینک " عکسها " کلیک می کنم. تا صفحه لود نشه لینکهای دیگه سایت کار نمی کنه.

من برای راحتی کار یک حلقه درست کردم که یه مقدار وقت میبره تا کامل بشه، و بعد از اون پیغام " ok " نشون میده

اما وقتی در زمان لود هست و روی لینک " صفحه اصلی " کلیک می کنم. با مقداری تاخیر به صفحه میره در حالی که در صفحه اصلی فقط یک متن هست.

چند سایت AJAX دیگر رو دیدم ولی این مشکل در آنها وجود نداشت. و چون از JQuery استفاده کرده بودن من متوجه نشدم مشکلم از کجاست.

بخوام خلاصه بگم:

چگونه در AJAX می تونم load صفحه را متوقف کنم؟؟؟ و بلافاصله بعد از توقف صفحه جدید را لود کنم؟؟؟

اطلاعات فایل های من به شرح زیر هستند:

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">&nbsp;</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">&nbsp;</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";
?>

-----------

باتشکر
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا