MiniChat con PHP/AJAX
ajax.js
Código:
index.phpfunction ajaxFunction01()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
return xmlHttp;
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
return xmlHttp;
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
return xmlHttp;
}
catch (e)
{
alert("Your browser does not support AJAX!");
return false;
}
}
}
}
function ajaxFunction02()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
return xmlHttp;
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
return xmlHttp;
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
return xmlHttp;
}
catch (e)
{
alert("Your browser does not support AJAX!");
return false;
}
}
}
}
Código PHP:
<?php
if($_GET["Bota"]=="bai")
{
$file = fopen("file.txt", "a");
fwrite($file,date("Y/m/d - H:i:s")." ".$_REQUEST["text"]."\n");
fclose($file);
exit();
}
elseif($_GET["Leidu"]=="bai")
{
$file = fopen("file.txt", "r");
while (!feof($file))
{
$buffer = fgets($file, 4096);
echo $buffer."<br />";
}
fclose($file);
exit();
}
?>
Código HTML:
<html> <head> <title>Txat-tsue :)</title> <script type="text/javascript" src="ajax.js"></script> <script type="text/javascript"> function fajax() { var text = document.getElementById('text').value; var ajax=ajaxFunction01(); ajax.open("POST","?Bota=bai",true); ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); ajax.send("text="+text); document.getElementById('text').value=""; document.getElementById('text').focus(); fajax2(); } function fajax2() { var ajax=ajaxFunction02(); ajax.onreadystatechange=function() { if(ajax.readyState==4) { document.getElementById('txat').innerHTML=ajax.responseText; } else { document.getElementById('txat').innerHTML="kargaten..."; } } ajax.open("GET","?Leidu=bai",true); ajax.send(null); } setInterval("fajax2()",500); </script> </head> <body> <input type="text" id="text" size="50" maxlength="50" /> <input type="button" value="bota" onclick="fajax()" /> <div id="txat"> </div> <script type="text/javascript"> document.getElementById('text').value=""; document.getElementById('text').focus(); fajax2(); </script> </body> </html>
Código:
En ajax.js he tenido que poner 2 objetos ajax ya que no se puede utilizar uno para mas de una funcion.chmod 777 file.txt
Bueno me voy de fiesta que son fiestas!!!!
Se me olvido comentar que con una base de datos seria mas optimo hacerlo pero bueno es que en mi pclinuxos no tengo mysql instalado ;)
