CodeProject: Simple Chat asp.net + Ajax. Free source code and programming help

Announcements

	Windows 7 Comp Win a laptop!
	Monthly Competition

Articles

Desktop Development

Web Development

Enterprise Systems

Content Management Server

Microsoft BizTalk Server

SQL Reporting Services

Platforms, Frameworks & Libraries

Windows Communication Foundation

Windows Presentation Foundation

Windows Workflow Foundation

Cryptography & Security

Threads, Processes & IPC

WinHelp / HTMLHelp

Uncategorised Quick Answers

Graphics / Design

Expression

Usability

Development Lifecycle

Debug Tips

Design and Architecture

Uncategorised Technical Blogs

Services

Code-signing Certificates

Job Board

CodeProject VS2008 Addin

Feature Zones

Product Showcase

Code Signing Resources

WhitePapers / Webcasts

ASP.NET Web Hosting

Advanced Search
Add to IE Search

Discuss

Report

11 votes for this article.

Popularity: 1.93 Rating: 1.86 out of 5

Download sourcecode - 40Kb

Sample screenshot

Introduction

This article describe how to make a chat without Applet or other heavy component.

i'll Ajax to refresh ONLY a <div> container .

The messages will be stored in a application Object. Ajax will creates a javascript proxy for the server�s functions.

you can test the application opening two Internet Explorer and sending messages from each to other

Adding Ajax.dll to the project

-copy and paste Ajax.dll free library into bin directory

you can download from http://ajax.schwarz-interactive.de/csharpsample/default.aspx

Manual:

http://ajax.schwarz-interactive.de/download/AjaxGuide.doc

- Add this reference to the project

- add this to web.config it�s necesary to works with Ajax

<httpHandlers>
<add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" />
</httpHandlers>

- add this references to .aspx page

<script language="javascript" src="ajax/common.ashx"></script> 
<script language="javascript" src="ajax/SimpleChat.chat,SimpleChat.ashx">
</script> 
<script language="javascript" src="ajax/common.ashx"></script>
<script language="javascript" src="ajax/SimpleChat.chat,SimpleChat.ashx">
</script>

SimpleChat-->name of namenspace (Project)

chat-->name of the class of code behind

the .aspx page

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="chat.aspx.vb" 
         Inherits="SimpleChat.chat"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>WebForm1</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" 
      content="http://schemas.microsoft.com/intellisense/ie5">
<link rel="stylesheet" type="text/css" href="Styles.css">
<script language="javascript" src="ajax/common.ashx"></script>
<script language="javascript" src="ajax/SimpleChat.chat,SimpleChat.ashx">
</script>

<script language="javascript">
var cadenaMsg
function dameMsg_CallBack(response){ 
if (response.error != null){ 
document.getElementById('d').innerHTML=(response.error); 
return; }
document.getElementById('d').innerHTML=response.value;
setTimeout("chat.dameMsg(dameMsg_CallBack)",3000);
}
</script>
</HEAD>
<body onload="chat.dameMsg(dameMsg_CallBack);">
<form id="Form1" method="post" runat="server">
<div id="clanci">
<h2><a href="#">Chat Privado</a></h2>

<div id='d' style="border:1px solid #000; width:250px;height:150px;overflow: 
auto;padding:5px 5px 3px 3px;" ></div>

Texto: <input type="text" id="txtMsg" name="txtMsg" class="texto" size="50">

<input type="button" class="boton" 
  onclick="javascript:chat.enviaMsg(document.getElementById('txtMsg').value);
           document.getElementById('txtMsg').value='';" value="Enviar"> 
</div>
</form>
</body>
</HTML>

Code Behind

Imports Ajax
Public Class chat

Inherits System.Web.UI.Page

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) _
Handles MyBase.Load

  'Introducir aqu� el c�digo de usuario para inicializar la p�gina

  If Application.Item("strChat") Is Nothing Then
      Application.Add("strChat", "")
  End If
End Sub

<Ajax.AjaxMethod(HttpSessionStateRequirement.ReadWrite)> _
  Public Function dameMsg() As String
  Dim cadena As String = ""
  If HttpContext.Current.Application("msgChat") Is Nothing Then
     HttpContext.Current.Application("msgChat") = "Bienvenidos:<br>"
  Else
    ' HttpContext.Current.Application("msgChat") += Now.ToLongTimeString

    '+ "<br>"


    cadena = HttpContext.Current.Application("msgChat")

    If cadena.Length > 5000 Then
       HttpContext.Current.Application("msgChat") = cadena.Remove(0, 2000)
    End If
  End If

  Return cadena

End Function

<Ajax.AjaxMethod(HttpSessionStateRequirement.ReadWrite)> _
Public Function enviaMsg(ByVal texto As String)
  If HttpContext.Current.Application("msgChat") Is Nothing Then
     HttpContext.Current.Application("msgChat") = texto
  Else
     HttpContext.Current.Application("msgChat") += texto + " hora:" + _
                              Now.ToLongTimeString + "<br>"
  End If
End Function

End Class

note:function with Ajax.AjaxMethod can be called from javascript in the client side.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

About the Author

dealarconjose

Member

Occupation:	Web Developer
Location:	Spain

Other popular ASP.NET articles:

Multiple File Upload With Progress Bar Using Flash and ASP.NET
How to use Flash to upload multiple files in a medium-trust hosting environment
CAPTCHA Image
Using CAPTCHA images to prevent automated form submission.
Exploring Session in ASP.Net
This article describe about session in ASP.Net 2.0 . Different Types of Session , There Configuration . Also describe Session on Web Farm , Load balancer , web garden etc.
10 ASP.NET Performance and Scalability Secrets
10 easy ways to make ASP.NET and AJAX websites faster, more scalable and support more traffic at lower cost
Paging of Large Resultsets in ASP.NET
An article about optimization and performance testing of MS SQL Server 2000 stored procedures used for paging of large resultsets in ASP.NET

Article Top

You must Sign In to use this message board.

FAQ
Noise Tolerance Layout Per page

Msgs 1 to 16 of 16 (Total in Forum: 16) (Refresh)

FirstPrevNext

ajax-enabled GridView

JoaoSilva2007

16:34 29 May '07

I really liked this article. This is my first time using this website. I usually use codeproject and kynou.com. Codeproject has some cool article about ajax-enabled gridview and kynou.com has a walkthough tutorial about ajax-enabled gridview.
Sign In·View Thread·PermaLink	2.00/5 (1 vote)

Turn ASP.NET controls into AJAXenabled controls

OmegaCD

21:46 8 Jul '06

Hi guys!

I created a control that works like an AJAX container. Basically the way it works is that all the ASP.NET controls that you place inside of the AJAX container will automatically become AJAX enabled.

For example, at the same website where I uploaded the control assembly, I also posted some tutorials on how to use this AJAX container control. One of the tutorials walks you through the steps to create an AJAX chat application. You will see that you can code the ASP.NET controls exactly the same way you do in other regular projects. The controls are placed inside of the AJAX container which turns them into AJAX enabled. This AJAX container also has a property called ShouldRefresh. When set to true, it will update the contents of all the ASP.NET controls inside of the container.

Another tutorial that I also posted at http://www.KYNOU.com shows you how to use this AJAX container control to add three dropdownlists onto a web form and make sure that their contents get populated depending on the picked value in the previous dropdownlist. Something like an auto dealer website where you can choose the make and then the model dropdownlist gets populated according to the picked make. This tutorial shows you how to do that with three dropdownlists but you could have unlimited number of dropdownlists.

I uploaded this control and posted some walkthrough tutorials at http://www.KYNOU.com

Check it out!

sfdsfsdf

Ajax enabled DataGrid - Chat Application Example

OmegaCD

3:56 26 May '06

Hi guys,

I just want to let you know that I just created a new tutorial that walks you through the steps of creating an ASP.NET Chat application using AJAX. It doesn't just show you how to use AJAX in a chat app but also how to make an ASP.NET control AJAX-enabled. In this example, I make a DataGrid turn into a DataGrid AJAX enabled.
To launch the tutorial, go to www.KYNOU.com, click on the "Tutorial Index" link, click on the AJAX node in the tree and click on the "Select" button next to the tutorial called "Ajax enabled DataGrid - Chat Application Example".
Keep in mind that this site is a search engine, so another way to find the tutorial (or even other tutorials) is by searching for it.

I hope you guys like it Smile

sfdsfsdf

1.50/5 (2 votes)

'chat' undefined

Amorous

6:13 15 May '06

i am getting 'chat' undefined error...can you please help me with this... Thanks in advance
Sign In·View Thread·PermaLink	1.50/5 (2 votes)

Re: 'chat' undefined

Ehsan Abbasi

23:11 28 Aug '06

I am also getting the same error. Using IE 7.0. What can be the problem. JS files seems not been included. I have upgraded project to vs 2005
Sign In·View Thread·PermaLink

Re: 'chat' undefined

dealarconjose

8:46 29 Aug '06

hi, it´s could be because you vs 2005 use his own web server. try to find http://yourWebRoot/ajax/common.ashx you must to refeer scripts like `<script language="javascript" src="ajax/common.ashx"></script>` to web root. I hope it´s work. In other case you can send me your proyect. Bye
Sign In·View Thread·PermaLink	2.00/5 (1 vote)

Re: 'chat' undefined

LvX74

0:02 4 Mar '08

you need to add: Ajax.Utility.RegisterTypeForAjax(GetType(chat)) to page load: Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Ajax.Utility.RegisterTypeForAjax(GetType(chat)) 'Introducir aquí el código de usuario para inicializar la página If Application.Item("strChat") Is Nothing Then Application.Add("strChat", "") End If End Sub
Sign In·View Thread·PermaLink

zumiPage for ASP.NET

Amir L.

14:04 21 Dec '05

Atlas and Ajax-based APIs are really hard to maintain, and its client side architecture breaks server-side API. zumiPage is a better solution. http://www.zumipage.com
Sign In·View Thread·PermaLink

Re: zumiPage for ASP.NET

dealarconjose

14:37 21 Dec '05

Hi Amir. I'm with you i don´t like javascript.The client-side code it´s hard. will it work in all browser in the future?.
But it`s new and we have to test it.

I have been in http://www.zumipage.com [^]
It´s easier to write code. Smile

.

But i have 3 cuestion?
- It´s free to install web server?
- the code is closed and now my pages Inherits zumiControls.zumiPage. Have I total control for server-side-functions?
- it´s standard with W3C?

thank´s for tell me about this page . see you

Re: zumiPage for ASP.NET

Amir L.

22:17 21 Dec '05

zumiPage supports all current browsers including Internet Explorer and Firefox.
You can download the free version from the website, and upgrade it to the licensed version later if you like it.
With zumiPage you don't need any special controls, just use the standard server side web controls that come with ASP.NET.
All javascripts and html generated by zumiPage are compatible with the W3C standards.

no picture

Adelino Araújo

14:03 13 Dec '05

there is no picture in here?
Sign In·View Thread·PermaLink

Re: no picture

dealarconjose

22:26 13 Dec '05

Hi Adelino , when I published this article , server send me a Erro. that the reason of no picture or project , I hope can upload this tonight.
If you want i'll send you to all to your email.

the image have three element a div with border 1 px container for the messages a input box and a button.

Merece la pena hacer el ejemplo es como un messenger. no se refresca la totalidad de la pagina solo el div con el contenido
Saludos y gracias por el comentario

Re: no picture

Adelino Araújo

8:32 14 Dec '05

Gracias. Quando puderes metere la imagene te agradeco. No lo escribo bien espanol pero lo tento. En Portugal se hable Portugues. Tu exemplo es interessante. Gracias.
Sign In·View Thread·PermaLink

Re: no picture-->source+image

dealarconjose

13:33 14 Dec '05

imagen:http://www.losresonaos.com/fuentes/simplechat.gif[^] Source code:http://www.losresonaos.com/fuentes/simplechat.zip[^] If you need some help , just ask see you
Sign In·View Thread·PermaLink	5.00/5 (1 vote)

Re: no picture-->source+image

Amorous

9:56 13 May '06

i am getting 'chat' undefined error...can you please help me with this...
Sign In·View Thread·PermaLink

Re: no picture-->source+image

dealarconjose

13:33 15 May '06

Is a javaScript Error or server side error. i'll try to help you. you can send me then proyect to dealarconjose@hotmail.com see you.
Sign In·View Thread·PermaLink	5.00/5 (1 vote)

Last Visit: 11:36 21 Nov '09 Last Update: 11:36 21 Nov '09

General News Question Answer Joke Rant Admin

PermaLink | Privacy | Terms of Use
Last Updated: 12 Dec 2005
Editor: