Powered byBlog Widgetand shared by JUNIAWAN89

Membuat program Chatting dengan PHP dan JQuery


Membuat program Chatting

Berikut contoh koding untuk membuat program Chatting dengan PHP dan JQuery :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Chatting - juniawan89.blogspot.com</title>
<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery.charts.js"></script>
<script type="text/javascript" src="js/js/jquery-ui-1.8.10.custom.min.js"></script>
<script type="text/javascript" src="ch4771ng.js"></script>
<link rel="stylesheet" type="text/css" href="js/css/ui-lightness/jquery-ui-1.8.10.custom.css" />

<style type="text/css">
.cl-waktu-pemakai {
color: #00ff00;
}
.cl-pesan {
color: #0000ff;
}
</style>
</head>
<body class="yui-skin-sam">
<div id="dialog" title="Informasi">
<p>Pesan sudah disimpan</p>
</div>
<div id="id_wadah">
<div id="pesan-masuk" title="Pesan Masuk">
</div>

<div id="keterangan" title="Informasi">
<p>Program chatting ini dibuat sesederhana mungkin.
Anda bisa mengembangkannya dengan memaksa pemakai
melakukan login dan lain-lain.
</p>
</div>

<div id="pemakai" title="Pemakai">
<p>Anda: <input id="nama-anda" type="text" />
</p>
</div>

<div id="pesan-keluar" title="Penulisan Pesan">
<form action="simpesan.php" method="post">
<label>Pesan Anda:</label>
<textarea name="pesan" cols="45" rows="8"
id="pesan-anda"></textarea>
<input type="hidden" name="pemakai"
id="id_user_hidden" />
</form>

</div>
</div>

</body>
</html>


Jika dijalankan tampilan nya sebagai berikut :



Download code lengkap disini

Disini juga bisa

Selesai...
Semoga Bermanfaat....


Previous
Next Post »

4 comments

Write comments
April 6, 2015 at 9:22 AM delete

Kalaw pake database gimana gan?.

Reply
avatar
May 1, 2015 at 12:48 PM delete

Code program diatas masih sangat sederhana gan.. kalo mau ditambah database bisa saja.
Tinggal buatkan database dan koneksikan dengan programnya.
Jadi nanti setiap user dan komentarnya tersimpan di database.
Agan bisa coba itu dirumah.
Terimakasih sudah berkunjung...

Reply
avatar
May 1, 2015 at 12:48 PM delete

Terimakasih Gan...
Silahkan mampir lagi...

Reply
avatar

Pengunjung yang baik selalu memberikan masukan / komentar.... ConversionConversion EmoticonEmoticon

Popular