Next Prev

Ajax Chat

Php based Ajax Chat.
It's an easy to use ajax chat script, it has spam filter capability and it only needs 3 files (index.html, w.php and chat.txt)
Index.html reads the content & sends your message to w.php.
w.php writes the content and prunes it to $maxlines lines

Visit PhpDaddy.com

Play with this script by changing the html bellow. Submit your changes by clicking on this bar. Refresh the page to reset changes.

<html>
	<head>
<base href="http://www.ajaxdaddy.com/ajax/ajax-chat/">
      <style type="text/css">
        body {color: white;background: #52616F;} 
        a {  color: white; }
      </style>
	<title>Ajax Chat 3.1 (Room 1)</title>
	<style type="text/css">
body 			{ padding-left:40px; background:#57767F; font-family:arial;}
input, textarea 	{ font-family: arial; color:white; background:#57767F; font-size: 14px; }
#content 		{ width:500px; text-align:left; margin-left:10px; }

#chatwindow 		{ border:1px solid #aaaaaa; padding:4px; background:#232D2F; color:white;  width:450px; height:auto; font-family:courier new;}
#chatnick 		{ border: none; border-bottom:1px solid #aaaaaa; padding:4px; background:#57767F;}
#chatmsg 		{ border: none; border-bottom:1px solid #aaaaaa; padding:4px; background:#57767F; }

#info 			{ text-align:left; padding-left:0px; font-family:arial; }
#info td 		{ font-size:12px; padding-right:10px; color:#DFDFDF;  }
#info .small 		{ font-size:12px; padding-left:10px; padding-right:0px;}

#info a 		{ text-decoration:none; color:white; }
#info a:hover 		{ text-decoration:underline; color:#CF9700;}
</style>
	</head>
	<body>
		<div id="info">
		<br>
			<table border="0">
				<tr>
					<td colspan="2">
						<a href="http://linuxuser.at/index.php?title=Most_Simple_Ajax_Chat_Ever"><font style="font-size:16px">Most Simple Ajax Chat</a> (v 3.1)</font><br>
					</td>	
				</tr>
				
			</table>
					
		</div>
		
		
		<div id="content">
			<p id="chatwindow"> </p>		
<!--			<textarea id="chatwindow" rows="19" cols="95" readonly></textarea><br>
-->
			<input id="chatnick" type="text" size="9" maxlength="9" >&nbsp;
			<input id="chatmsg" type="text" size="40" maxlength="80"  onkeyup="keyup(event.keyCode);"> 
			<input type="button" value="add" onclick="submit_msg();" style="cursor:pointer;border:1px solid gray;"><br><br>
			<br>
		</div>

	</body>
</html>

<script type="text/javascript">
/****************************************************************
 * Most Simple Ajax Chat Script (www.linuxuser.at)		*
 * Version: 3.1							*
 * 								*
 * Author: Chris (chris[at]linuxuser.at)			*
 * Contributors: Derek, BlueScreenJunky (http://forums.linuxuser.at/viewtopic.php?f=6&t=17)
 *								*
 * Licence: GPLv2						*
 ****************************************************************/
 
/* Settings you might want to define */
	var waittime=800;		

/* Internal Variables & Stuff */
	chatmsg.focus()
	document.getElementById("chatwindow").innerHTML = "loading...";

	var xmlhttp = false;
	var xmlhttp2 = false;


/* Request for Reading the Chat Content */
function ajax_read(url) {
	if(window.XMLHttpRequest){
		xmlhttp=new XMLHttpRequest();
		if(xmlhttp.overrideMimeType){
			xmlhttp.overrideMimeType('text/xml');
		}
	} else if(window.ActiveXObject){
		try{
			xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
			try{
				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
			} catch(e){
			}
		}
	}

	if(!xmlhttp) {
		alert('Giving up :( Cannot create an XMLHTTP instance');
		return false;
	}

	xmlhttp.onreadystatechange = function() {
	if (xmlhttp.readyState==4) {
		document.getElementById("chatwindow").innerHTML = xmlhttp.responseText;

		zeit = new Date(); 
		ms = (zeit.getHours() * 24 * 60 * 1000) + (zeit.getMinutes() * 60 * 1000) + (zeit.getSeconds() * 1000) + zeit.getMilliseconds(); 
		intUpdate = setTimeout("ajax_read('chat.txt?x=" + ms + "')", waittime)
		}
	}

	xmlhttp.open('GET',url,true);
	xmlhttp.send(null);
}

/* Request for Writing the Message */
function ajax_write(url){
	if(window.XMLHttpRequest){
		xmlhttp2=new XMLHttpRequest();
		if(xmlhttp2.overrideMimeType){
			xmlhttp2.overrideMimeType('text/xml');
		}
	} else if(window.ActiveXObject){
		try{
			xmlhttp2=new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
			try{
				xmlhttp2=new ActiveXObject("Microsoft.XMLHTTP");
			} catch(e){
			}
		}
	}

	if(!xmlhttp2) {
		alert('Giving up :( Cannot create an XMLHTTP instance');
		return false;
	}

	xmlhttp2.open('GET',url,true);
	xmlhttp2.send(null);
}

/* Submit the Message */
function submit_msg(){
	nick = document.getElementById("chatnick").value;
	msg = document.getElementById("chatmsg").value;

	if (nick == "") { 
		check = prompt("please enter username:"); 
		if (check === null) return 0; 
		if (check == "") check = "anonymous"; 
		document.getElementById("chatnick").value = check;
		nick = check;
	} 

	document.getElementById("chatmsg").value = "";
	ajax_write("w.php?m=" + msg + "&n=" + nick);
}

/* Check if Enter is pressed */
function keyup(arg1) { 
	if (arg1 == 13) submit_msg(); 
}

/* Start the Requests! ;) */
var intUpdate = setTimeout("ajax_read('chat.txt')", waittime);

</script>

Play with this script by changing the html above. Submit your changes by clicking on this bar. Refresh the page to reset changes.

Comment on this example

Ikea

2008-05-06 02:07:58

Nice script..but slow for a chat..

Dubai

2008-05-05 19:36:30

at least better then my chat lol

Rob

2008-03-07 15:52:16

Cool look

Dharmesh

2008-01-28 06:32:17

nice one

Ben

2007-12-02 17:11:40

i wonder if this would be easily intergratable with mysql or if a xml has to be used as an intermediate between the two.

Jennifer

2007-11-22 03:29:40

Gear up for grub with a tripleheader of pigskin, including a meeting of brothers in Dallas. Everybody knows it's been a rough year for her, but find out who else had issues

Srilekha

2007-10-05 05:09:18

itz very nice

Jacques De Molay

2007-09-14 02:27:30

Is it available for Windows xp?

Roturkiye

2007-09-08 08:10:21

not slow for chat, maybe you can change this variable for better performance var waittime=800

Mark

2007-08-23 22:35:57

Sorry but I don't like the design =(

Stan

2007-08-14 09:58:20

nice but too slow refreshing

FlashStr

2007-08-03 03:50:36

Its not too slow, its quite nice. Good job.

It2051229

2007-07-17 20:14:48

aaawwwweeeeesssssssooooooooommmmmmeeeeeee.. let me steal it.. heeheheh

2007-07-17 16:14:01

Its to slow for chat!

Raj

2007-06-19 09:36:57

hello

Pepito

2007-06-16 00:40:39

esto es un comentario

Jalal

2007-06-15 07:03:37

hello

Welcome to AjaxDaddy.com

A large collection of nifty web 2.0 demos

Ajax Chat

Php based Ajax Chat.
It's an easy to use ajax chat script, it has spam filter capability and it only needs 3 files (index.html, w.php and chat.txt)
Index.html reads the content & sends your message to w.php.
w.php writes the content and prunes it to $maxlines lines

Comment on this example

Welcome to AjaxDaddy.com

A large collection of nifty web 2.0 demos

Ajax Chat

Php based Ajax Chat. It's an easy to use ajax chat script, it has spam filter capability and it only needs 3 files (index.html, w.php and chat.txt) Index.html reads the content & sends your message to w.php. w.php writes the content and prunes it to $maxlines lines

Comment on this example

Php based Ajax Chat.
It's an easy to use ajax chat script, it has spam filter capability and it only needs 3 files (index.html, w.php and chat.txt)
Index.html reads the content & sends your message to w.php.
w.php writes the content and prunes it to $maxlines lines