LLBBL

5 words

jQuery and CodeIgniter Chat

November1

I adapted a Javascript & AJAX tutorial off of sitepoint to work with CodeIgniter. It uses jQuery to the handiwork. It is a simple AJAX chat script, not the most advanced thing in the world. Hopefully it will get better in the future.

Here is it in action:

jQuery Chat

Download jQuery Chat

REQUIREMENTS

  1. You have Downloaded and Installed codeigniter.
  2. You may want to check for a new version of jQuery.The version of jQuery that is included is 1.2.1. You can find the current version of jQuery here.
  3. The root folder is where codeigniter is installed.
  4. You are using MySQL.

INSTRUCTIONS

  1. Open /system/application/config/autoload.php
    Verify that you are autoloading the database library. You should see ‘database’ listed in the $autoload['libraries'] array.
  2. Open /system/application/config/database.php
    Verify that you have the correct information for your database.
  3. Upload /system/application/controllers/chat.php
    to the corresponding folder on your server.
  4. Upload /system/application/views/chatty.php
    to the corresponding folder on your server.
  5. Upload /public/js/jquery.js
    to the corresponding folder on your server.
  6. Upload /public/images/blueloading.gif
    to the corresponding folder on your server.
  7. Run the sql.sql file on your server using a tool like phpMyAdmin.
  8. Open a web browser and goto http://yourdomain.com/chat or http://yourdomain.com/index.php/chat if you have not configured your htaccess file.
posted under News, Programming

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

7 Comments to

“jQuery and CodeIgniter Chat”

  1. On November 2nd, 2007 at 6:04 am Daniel Errante Says:

    It’s off to a good start!

  2. On November 2nd, 2007 at 9:56 am llbbl Says:

    Thanks :)

  3. On August 12th, 2008 at 10:12 pm Saidur Rahman Says:

    Nice thinks . very cool

  4. On May 13th, 2009 at 12:52 am montana Flynn Says:

    how would you config your htaccess?

  5. On June 7th, 2009 at 7:33 pm Theb Says:

    not working for me… in firebug i see the chat is trying to GET "http://address/chat/backend/"
    What's that backend thing? :S

  6. On June 12th, 2009 at 6:51 pm Logan Lindquist Says:

    It is the backend for the chat script. The data is in a XML format, but can be thought of as a web service. It displays the data from the database in a format that can be read by the frontend.

  7. On July 14th, 2009 at 12:13 pm bowo Says:

    good tutorial, thanks

Email will not be published

Website example

Your Comment: