3DSPlaza forums - Ryan Tutorials: Making a simple but awsome chat 1

Back to forum: Web Programming (HTML, JS, CSS, PHP, MySQL)

Search forums via Google

3 Users appreciate this thread.

Ryan Tutorials: Making a simple but awsome chat 1

Started by ryanb000977
(2013-05-08 10:41:14)

ryanb000977 (2013-05-08 10:41:14)

Today, I will show you the way to make a basic chat system.

This Chat Has
- MySQL Support
- PHP Support
- 1 Command
- 1 Icon

Step 1: Create the table in phpMyAdmin
Create the following table:
Table Name: chat
Rows: 3
Column one:
- Name: id
- Type: INT
- Lenght: 10
- Extra: Auto Increment (A_I)
Column two:
- Name: username
- Type: char
- Length: 300
- Extra: None
Column three:
- Name: message
- Type: char
- Length: 250
- Extras: None
Table Colation: utf8_general_ci

Step 2:Create the chat structure
Type the following code in a new file named chat.php:

Source Code
<?php
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Chat</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=320" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="ajax.js">
</script>
</head>
<body>
<div id="top" style="overflow:auto;">
<?php
?>
</div>
<div id="bottom">
<?php
?>
</div>
</body>
</html>
<?php
?>

Note:Steps 3 through 5 will be in another part.