[ask and help] ane buat chatbox di web jamnya gk singkron dengan di kompi

Beranda
Komunitas
Tech
Website, Webmaster, Webdeveloper
[ask and help] ane buat chatbox di web jamnya gk singkron dengan di kompi

thezhae

25-10-2012 00:22

[ask and help] ane buat chatbox di web jamnya gk singkron dengan di kompi

misi gan minta bantuan nya.. nkanapa yah chat box ane gk singkrong jam nya klu pas chat..
jam komputer ane bener.. tp kenapa jam chatnya kurang 5 jam dri jam dikompi..
kondisi ane menggunakan localhost xampp.
[ask and help] ane buat chatbox di web jamnya gk singkron dengan di kompi

nie gan gambarnya.. nie sourcode nya

index.php

Code:

<html>

<head>

<title>

DRZ Chat 1.0

</title>

[removed]

var ajaxku = buatAjax();

var tnama = 0;

var pesanakhir = 0;

var timer;

function taruhNama(){

 if(tnama==0){

 document.getElementById("nama").disabled = "true";

 tnama = 1;

 }else{

 document.getElementById("nama").disabled = "";

 tnama = 0;

 }

 ambilPesan();

}

function buatAjax(){

 if(window.XMLHttpRequest){

 return new XMLHttpRequest();

 }else if(window.ActiveXObject){

 return new ActiveXObject("Microsoft.XMLHTTP");

 }

}



function ambilPesan(){

 namaku = document.getElementById("nama").value

 if(ajaxku.readyState == 4 || ajaxku.readyState == 0){

 ajaxku.open("GET","ambilchat.php?akhir="+pesanakhir+"&nama;="+namaku+"&sid;="+Math.random(),true);

 ajaxku.onreadystatechange = aturAmbilPesan;

 ajaxku.send(null);

 }

}



function aturAmbilPesan(){

 if(ajaxku.readyState == 4){

 var chat_div = document.getElementById("div_chat");

 var data = eval("("+ajaxku.responseText+")");

 for(i=0;i<data.messages.pesan.length;i++){

 chat_div[removed] += "<font color=red>"+data.messages.pesan[i].nama+"</font> ";

 chat_div[removed] += "<font size=1>("+data.messages.pesan[i].waktu+")</font> ";

 chat_div[removed] += " : "+data.messages.pesan[i].teks+"<br>";

 chat_div.scrollTop = chat_div.scrollHeight;

 pesanakhir = data.messages.pesan[i].id;

 }

 }

 timer = setTimeout("ambilPesan()",1000);

}



function kirimPesan(){

 pesannya = document.getElementById("pesan").value

 namaku = document.getElementById("nama").value

 if(pesannya != "" && document.getElementById("nama").value !=""){

 ajaxku.open("GET","ambilchat.php?akhir="+pesanakhir+"&nama;="+namaku+"&pesan;="+pesannya+"&sid;="+Math.random(),true);

 ajaxku.onreadystatechange = aturAmbilPesan;

 ajaxku.send(null);

 document.getElementById("pesan").value = "";

 }else{

 alert("Nama atau pesan masih kosong");

 }

}



function aturKirimPesan(){

 clearInterval(timer);

 ambilPesan();

}

function blockSubmit() {

 kirimPesan();

 return false;

}

[removed]

</head>

<body>

Nama : <input type=text name=nama id=nama>

<input type=button value=login id=tmbl_login><p>

<div id="div_chat" style="height: 300px; width: 250px; overflow: scroll; background-color: lightyellow; border: 1px solid #555555;">



</div>

<form>

Pesan : <input type=text name=pesan id=pesan size=30>

<input type=button value="kirim">

</form>

</body>

</html>

ambilchat.php

Code:

<?php

mysql_connect("localhost","root","");

mysql_select_db("chat");



$nama = $_GET['nama'];

$pesan = $_GET['pesan'];

$waktu = date("H:i");

$akhir = $_GET['akhir'];



$json = '{"messages": {';

if($akhir==0){

 $nomor = mysql_query("select nomor from drzchat order by nomor desc limit 1");

 $n = mysql_fetch_array($nomor);

 $no = $n['nomor'] + 1;

 $json .= '"pesan":[ {';

 $json .= '"id":"'.$no.'",

 "nama":"Admin",

 "teks":"Selamat datang di chatting room",

 "waktu":"'.$waktu.'"

 }]';

 $masuk = mysql_query("insert into drzchat values(null,'Admin','$nama bergabung dalam chat','$waktu')");

}else{

 if($pesan){

 $masuk = mysql_query("insert into drzchat values(null,'$nama','$pesan','$waktu')");



 }

 $query = mysql_query("select * from drzchat where nomor > $akhir");

 $json .= '"pesan":[ ';

 while($x = mysql_fetch_array($query)){

 $json .= '{';

 $json .= '"id":"'.$x['nomor'].'",

 "nama":"'.htmlspecialchars($x['nama']).'",

 "teks":"'.htmlspecialchars($x['pesan']).'",

 "waktu":"'.$x['waktu'].'"

 },';

 }

 $json = substr($json,0,strlen($json)-1);

 $json .= ']';

}



$json .= '}}';

echo $json;

?>

databasenya

Code:

-- phpMyAdmin SQL Dump

-- version 2.11.2.1

-- [url]http://www.phpmyadmin.net[/url]

--

-- Host: localhost

-- Generation Time: Oct 05, 2010 at 09:41 PM

-- Server version: 5.0.45

-- PHP Version: 5.2.5



SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";



--

-- Database: `test`

--



-- --------------------------------------------------------



--

-- Table structure for table `drzchat`

--



CREATE TABLE `drzchat` (

 `nomor` int(3) NOT NULL auto_increment,

 `nama` varchar(20) NOT NULL,

 `pesan` varchar(200) NOT NULL,

 `waktu` varchar(10) NOT NULL,

 PRIMARY KEY (`nomor`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;



--

-- Dumping data for table `drzchat`

--

Diubah oleh thezhae 25-10-2012 00:24

778

Kutip

Balasan

Komentar yang asik ya

Urutan

Terbaru

Terlama

Komentar yang asik ya

Komunitas Pilihan