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

Web 2.0 Box Generator

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

Unicode

2010-01-26 16:12:23

Not UTF-8???

XXx

2009-12-20 22:31:51

i have the same problem with Ram. I use visual Studio, when I pressed the button Add Nothing happen.

Burak

2009-10-22 03:39:01

latin charachters arent support

Ram

2009-06-09 06:12:02

how can i get this to work using visual studio? The text file is not being updated when the add button is being pressed.....thanks

Ravikumar V.

2009-03-09 23:36:03

hi, can we see the old msgs... ?

Honar

2009-03-05 09:55:10

Cool! but it don't support utf-8 characters like: سلام

Tonino

2009-01-08 13:31:12

I have found the cause: < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" > how can i fixed?

Tonino

2009-01-08 13:30:00

I have found the cause: how can i fixed?

Tonino

2009-01-08 12:32:15

i see the "chatwindow" without messages if i use firefox

Tonino

2009-01-08 11:40:36

I have tried with opera and with explorer and it is ok, instead with firefox it isn't goes

Tonino

2009-01-08 02:53:50

sorry... i have used &

Toino

2009-01-08 02:51:59

I have a problem... the chat is ok, but when i want to validate for xhtml 1.1 it has this error: ajax_write("w.php?m=" + msg + "&n=" + nick); I have used: "&" but i don't see the nickname... how can i resolve it?

Vimal

2008-11-25 00:48:53

good thinking

Chris

2008-11-23 01:39:37

as an answer to the speed question: the chat script got dugg and mentioned on wired last year and stayed up even on a medium-quality hoster without any problems... since the requests are small in size, it was able to handle a few hundret (or even more) users at once. and yes, you can use it in your blog, your homepage or whereever you want. just need to include the html tag and the javascript, and on the backend side the w.php and a writeable chat.txt.

Majid

2008-11-16 12:53:44

hi! i am majid my id is abdulmajid11@hotmail.com please guide me if i can get a asp.net virsion for this chat script.... i would be waiting for your response

What

2008-09-12 09:41:23

Doesn't this just hit the server repeatedly, polling for info? If so, what are the performance implications with say, 200 ish users (with wait at 800ms that means you are getting more than 200 requests every second).

Mahdi

2008-07-02 14:41:24

can i use this in the blog?

Datacide

2008-06-25 13:57:10

time(/date) integration would be great. Would be easy to do too

Rajith

2008-06-20 03:50:42

seems to be very better and simple

Thiru

2008-06-04 04:39:18

its very good

WineX

2008-06-03 00:41:54

Why this script doesn't support Russian language? How can i use it with Russian?

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