• 1
• 2
• 3
• 4
• 5

access action ajax ajaxfunction ajaxrequest author blog boon boonage browser call catch cbox check cleans code connection consist content copy create created css data database date dday default display div dmonth documentshoutboxshoutercommentvalue dyear echo february file form function functions http id information input insert interact layout link null open openconnection outputinfophp paste php pm powered required return save set shout shoutbox shoutboxjs shoutcontent shoutername showdata start substrshoutdate support table text time title tutorial typetext varchar variable xhtml xmlhttprequest

Keyword Cloud Navigation Map

This is a tutorial on how to make an Ajax powered shoutbox. As because it is an Ajax powered, there are no iframe involve and the update of the shoutbox content is almost instant.

Skills Required
Basic knowledge of : Ajax, javascript, PHP, MySQL, html

First, you need to have a table in the database which store the shouter’s info and the shout content. The table consist of:

1. An ID which acts as the primary key
2. Shouter’s Name
3. Shout Date/Time
4. Shout Content
5. Shouter’s Contact

copy and paste in the MySQL and run

CREATE TABLE `shoutbox` (
  `id` int(5) NOT NULL auto_increment,
  `name` varchar(50) NOT NULL default '',
  `date` datetime NOT NULL default '0000-00-00 00:00:00',
  `content` varchar(255) NOT NULL default '',
  `link` varchar(255) NOT NULL default '',
  PRIMARY KEY  (`id`)
);
  

Read Full Tutorial...