كلاس لكتابة أكواد الأجاكس....

السلام عليكم ورحمة الله وبركاته.

أما بعد :

إليكم كود الكلاس + المثال :

الكلاس :

/** 
*	Easy Ajax Code Writer 
*	Powered By : Abo Noor Aldeen 
*	webmaster@unitedislamicteam.com 
*	http://www.unitedislamicteam.com 
*	http://www.uiteam.net 
*	Version : 1.0 Beta 1 
*/ 

class MyAjax { 

	var $SendMethod			=	'POST'; 
	var $Version			=	'1.0 Beta 1'; 
	var $LoadingMessage		=	'<img src="ajax-loader.gif" border="0"><br />Loading...'; 
	var	$BrowesErrorVersion	=	'Could not create connection object.'; 



	function MyAjax ()	{ 

		print " 
\n\n\n<script language='javascript'> 

//Make IE Behave like Mozilla 
if (typeof XMLHttpRequest == 'undefined' && window.ActiveXObject) { 
	function XMLHttpRequest() { 
		var arrSignatures = ['MSXML2.XMLHTTP.5.0','MSXML2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP','Microsoft.XMLHTTP']; 

		for (var i=0; i < arrSignatures.length; i++) { 
			try { 
				var oRequest = new ActiveXObject(arrSignatures); 
				return oRequest; 
			} catch (oError) { 
				//ignore 
			} 
		} 
		throw new Error('MSXML is not installed on your system.'); 
	} 
} 

var XMLObject	=	XMLHttpRequest() 
var XMLError	=	false 

if (!XMLObject) { 
	alert ('{$this->BrowesErrorVersion}') 
	XMLError	=	true 
} 


function UpdateAjaxZone(AjaxZone) { 

	if (XMLObject.readyState == 4 && XMLObject.status == 200) { 

		var NewHTML = XMLObject.responseText; 

		if (NewHTML) { 
			AjaxZone.innerHTML = NewHTML; 
		} 
	} 
} 

</script>\n"; 
	} 
//Dynamic Drive 


	function PrintGetFunction ($FunctionName,$AjaxZoneID) { 

		$this->SendMethod	=	'GET'; 

		return print " 
<script language='javascript'> 
function $FunctionName(Link,CallLoading) { 

	if (XMLError) { return false } 

	var AjaxZone	=	document.getElementById('$AjaxZoneID') 

	if (CallLoading) { 
		AjaxZone.innerHTML = '{$this->LoadingMessage}'; 
	} 

	XMLObject.onreadystatechange = function () { UpdateAjaxZone(AjaxZone) } 
	XMLObject.open('{$this->SendMethod}', Link, true) 
	XMLObject.send(null) 
} 
</script>\n"; 
	} 



	function PrintPostFunction ($FunctionName,$AjaxZoneID) { 

		$this->SendMethod	=	'POST'; 

		return print " 
<script language='javascript'> 
function $FunctionName(Page,Link,CallLoading) { 

	if (XMLError) { return false } 

	var AjaxZone	=	document.getElementById('$AjaxZoneID') 

	if (CallLoading) { 
		AjaxZone.innerHTML = '{$this->LoadingMessage}'; 
	} 


	XMLObject.onreadystatechange = function () { UpdateAjaxZone(AjaxZone) } 
	XMLObject.open('{$this->SendMethod}', Page, true); 
	XMLObject.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
	XMLObject.setRequestHeader('Connection', 'close'); 
	XMLObject.setRequestHeader('Content-length', Link.length); 
	XMLObject.send(Link); 
} 
</script>\n"; 
	} 

}

المثال :

<?php 

if (!empty($_POST['Text'])) { 
	sleep(10); 
	print $_POST['Text']; 
	exit; 
} 


if (!empty($_GET['Text'])) { 
	sleep(10); 
	print $_GET['Text']; 
	exit; 
} 


include('class.MyAjax.php'); 

?> 

<html dir="rtl"> 

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> 
<title>ÕÝÍÉ ÌÏíÏÉ 1</title> 
<script language='javascript'> 
var PageName = 'Example.MyAjax.php'; 

function NotEmpty1() { 

	if (document.f.T1.value == ''){ 
		alert('Plz Fill This Field') 
		document.f.T1.focus 
		return false 
	} else { 
		return true 
	} 
} 

function NotEmpty2() { 

	if (document.f2.T1.value == ''){ 
		alert('Plz Fill This Field') 
		document.f2.T1.focus 
		return false 
	} else { 
		return true 
	} 

} 
</script> 
<? 
$MyAjax = new MyAjax; 

$MyAjax->PrintGetFunction('MyGetFunction','GETZONE'); 
$MyAjax->PrintPostFunction('MyPostFunction','POSTZONE'); 
?> 
</head> 

<body> 

<table border="1" width="684" height="96"> 
	<tr> 
		<td height="42" width="50%"> 

		<div id="GETZONE"> 
		<form name="f"> 
		<input type="text" name="T1"> 
		<input type="button" value="ÅÑÓÇá" onclick="java script:if (NotEmpty1()) { MyGetFunction(PageName+'?Text='+document.f.T1.value,true) }"> 
		</form> 
		</div> 

		</td> 
	</tr> 
	<tr> 
		<td height="42" width="50%"> 

		<div id="POSTZONE"> 
		<form name="f2"> 
		<input type="text" name="T1"> 
		<input type="button" value="ÅÑÓÇá" onclick="java script:if (NotEmpty2()) { MyPostFunction(PageName,'Text='+document.f2.T1.value,true) }"> 
		</form> 
		</div> 

		</td> 
	</tr> 
</table> 

</body> 

</html>

وفي المرفقات تجد صورة التحميل....

والله ولي التوفيق.

أخوكم أبو نور الدين.

كلاس لكتابة أكواد الأجاكس....

مواضيع مشابهة