تفضل الكود كاملا اخوي
ملف main.js
كود PHP:
var http = createRequestObject();
function createRequestObject(){
var request_;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
request_ = new ActiveXObject("Microsoft.XMLHTTP");
}
else{
request_ = new XMLHttpRequest();
}
return request_;
}
var id=0
var x=false;
function getInfo2(naviagte){
var go_where=naviagte
if(go_where=='back')
{
if(id==0)
{
return ;}
else {id=id-1}
http.open('get','http://www.xxxx.com/text.php?id='+id+'&rand='+Math.floor(89999999*Math.random()+10000000));
}
else if (go_where=='next')
{
id=id+1
http.open('get','http://www.xxxx.com/text.php?id='+id+'&rand='+Math.floor(89999999*Math.random()+10000000));
}
else
// default state when webpage load
{
http.open('get','http://www.xxxx.com/text.php?id='+id+'&rand='+Math.floor(89999999*Math.random()+10000000));
}
http.onreadystatechange = handleInfo2;
http.send(null);
}
function handleInfo2(){
if(http.readyState == 1){
document.getElementById('mydiv').innerHTML = '<br><br><br><p align=center><img src=ar/downx.gif></p>';
}
if(http.readyState == 4){
var response = http.responseText;
document.getElementById('mydiv').innerHTML = response;
}
}
ملف ال html
كود PHP:
<!-------------------------------------- START ----------------------------------------->
<LINK REL=stylesheet HREF="style.css" TYPE="text/css">
<body onload="getInfo2('lasts')">
<SCRIPT language=JavaScript src="main.js"
type=text/javascript></SCRIPT>
<table border="0" width="100%" cellspacing="0" cellpadding="2" class="C">
<tr>
</tr> <p align="center"> <center> الأخبار </p> <tr><td width="0%" align="center" ><a href="javascript:getInfo2('back')">
<img border="0" src="ar/next02.gif"></a></td>
<td width="100%" align="center"><div align="center"><center>
<table border="0" width="100%" class="xx" height="120" cellspacing="0" cellpadding="0">
<tr><td width="100%" valign="top"><table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr><td width="100%" valign="top" class="BR" colspan="2">
<div id='mydiv'>
</div>
</td></tr></table></td></tr></table></center></div></td><td width="0%" align="center">
<a href="javascript:getInfo2('next')" id='next'><img border="0" src="ar/next01.gif"></td>
</a></tr></table>
<!-------------------------------------- end ----------------------------------------->