php・mysql・javascriptを使ったチャットシステムの作り方を載せてみました。
名前と文章を入力して送信ボタンを押してください。
| 名前 | 投稿日時 | 文章 |
|---|---|---|
| gok | 2019-09-18 18:52:10 | gokiburi |
| あああ | 2019-09-18 13:17:58 | おいおい |
| あああ | 2019-09-18 13:17:27 | いいいいい |
| 森海斗 | 2019-09-17 13:41:37 | 、 |
| a | 2019-09-17 13:26:23 | b |
| 片山健介 | 2019-09-17 11:06:52 | ｆｆｆｆｆ |
| あああ | 2019-09-15 17:11:22 | <br> |
| あああ | 2019-09-15 17:11:05 | aaaa |
| テスト | 2019-09-14 00:16:00 | テスト |
| あああ | 2019-09-13 09:35:36 | あああ |
| 齋藤 | 2019-09-10 23:52:24 | こんにちは |
| あああ | 2019-09-10 18:56:14 | 問題はない |
| あああ | 2019-09-10 18:56:08 | テスト |
| あ | 2019-09-08 23:46:07 | あああ |
| あ | 2019-09-08 23:46:02 | あ |
| aa | 2019-09-08 14:51:02 | aaa |
| あ | 2019-09-07 15:52:46 | できた！！！！！！！！！！ |
| あ | 2019-09-07 15:52:34 | わーいいい |
| あ | 2019-09-05 13:24:31 | あ |
| うんち | 2019-09-05 00:25:53 | スカトロ |
| うんち | 2019-09-05 00:25:50 | 出るところを見て欲しいです |
| お尻 | 2019-09-05 00:24:34 | 舐めてください |
| うんち | 2019-09-05 00:23:53 | 興奮してきました |
| うんち | 2019-09-05 00:23:29 | 出るところを見て欲しいです |
| うんち | 2019-09-05 00:22:39 | スカトロ |
| うんこ | 2019-09-03 22:47:28 | いいいいいい |
| aaa | 2019-09-03 17:50:44 | aasss |
| テスト | 2019-09-03 15:25:24 | テストです |
| ああああ | 2019-09-02 21:25:57 | ｃｄｃｄｃ |
| ああああ | 2019-09-02 21:25:48 | ｃｄｃｄｃ |
| お；いほ | 2019-08-30 21:30:33 | lっkっっl |
| お；いほ | 2019-08-30 21:30:23 | １１１１ |
| お；いほ | 2019-08-30 21:30:22 | １１１１ |
| 中田英寿 | 2019-08-30 07:36:53 | これはローマです。 |
| ｄ | 2019-08-29 10:10:59 | ｄｄｄｄ |
| 中村俊介 | 2019-08-26 23:26:45 | これはテストデスゥ |
| TEST | 2019-08-26 13:41:55 | てすとです。 |
| bbb | 2019-08-26 11:21:32 | bbb |
| ああ | 2019-08-26 09:18:21 | テスト |
| かままさ | 2019-08-25 18:58:42 | ｓSSDs |
| かままさ | 2019-08-25 18:49:01 | TEST |
| 暇人 | 2019-08-24 15:35:19 | (ﾟ∀ﾟ)ｱﾋｬ すみませんふざけましたｗ |
| 暇人 | 2019-08-24 13:38:57 | (ﾟ∀ﾟ)ｱﾋｬ すみませんふざけましたｗ |
| ddda | 2019-08-23 15:38:10 | あきまへん |
| ddda | 2019-08-23 15:37:42 | そないな事云うても |
| ０００ | 2019-08-21 16:51:41 | えええええ |
| aaaa | 2019-08-20 19:03:37 | あああああ |
| aaaa | 2019-08-20 19:03:22 | ぽんぽこ |
| sa | 2019-08-20 14:44:35 | dd |
| dada | 2019-08-16 13:10:24 | seikabutukadaikonasenai |
| dada | 2019-08-16 13:09:35 | だだだ |
| もしもし | 2019-08-15 09:18:05 | どうしてこんな時間に起きてるんですか |
| ねこ | 2019-08-14 18:54:50 | こんにちは |
| test | 2019-08-14 11:04:58 | sample1 |
| hoge | 2019-08-14 03:09:15 | fugafuga |
| ｆだｓ | 2019-08-13 08:13:43 | ｆｄさｆ |
| ras | 2019-08-11 14:54:11 | a |
| ｆ | 2019-08-09 13:03:28 | sdfsf |
| ss | 2019-08-09 10:33:42 | ttt |
| ｑｑｑ | 2019-08-07 18:21:09 | ｑｑｑｑｑ |
| っっｄ | 2019-08-07 16:13:33 | 555555 |
| っっｄ | 2019-08-07 15:36:06 | 同期 |
| っっｄ | 2019-08-07 15:35:11 | てすと |
| あああ | 2019-08-07 14:40:46 | test |
| っっｄ | 2019-08-07 14:11:38 | っっっｄ |
| っっｄ | 2019-08-07 14:11:32 | っっっｄ |
| っっｄ | 2019-08-07 14:10:24 | っっっｄ |
| a | 2019-08-07 09:06:29 | a |
| jiji | 2019-08-06 21:55:34 | test |
| ああ | 2019-08-05 18:11:01 | っくにん |
| ああ | 2019-08-05 18:10:29 | ああああ |
| テスト | 2019-08-05 17:36:37 | ggg |
| テスト２ | 2019-08-05 17:36:29 | １２３４５ |
| テスト | 2019-08-05 17:35:56 | １２３４５ |
| あ | 2019-08-05 09:41:35 | い |
| a | 2019-08-01 10:08:01 | 222 |
| t | 2019-07-31 10:50:22 | ３３３ |
| あ | 2019-07-30 13:08:28 | い |
| k | 2019-07-29 18:34:55 | kutikomisaitowotukuritaitasukete |
| f | 2019-07-29 15:26:19 | d |
| あ | 2019-07-27 13:45:44 | い |
| 1 | 2019-07-22 13:50:22 | 1 |
| a | 2019-07-21 14:41:54 | a |
| あ | 2019-07-19 11:53:24 | うんこ |
| あ | 2019-07-19 11:53:15 | あ |
| BBB | 2019-07-18 21:01:46 | はい |
| AAA | 2019-07-18 21:01:38 | 更新は自動ですね |
| BBB | 2019-07-18 21:01:26 | どうも |
| AAA | 2019-07-18 21:01:11 | こんにちは |
| なる | 2019-07-18 16:20:25 | へそ |
| あり | 2019-07-17 10:22:22 | ありがとうございました。 |
| あり | 2019-07-17 10:20:31 | 西 |
| あり | 2019-07-17 10:19:05 | ありがとうございました。 |
| あり | 2019-07-17 09:30:53 | ありがとうございました。 |
| あふりか | 2019-07-12 09:43:25 | わたしはいんでぃあん |
| あああ | 2019-07-11 14:16:20 | あああ |
| わんこ | 2019-07-11 07:37:29 | ワンワン♪ |
| ばか | 2019-07-11 03:09:49 | あほ |
| 習近平 | 2019-07-10 14:26:11 | わたしはちゃいにーず |
| 4545 | 2019-07-09 10:45:06 | 810 |
CREATE TABLE `chat` ( `chid` int(10) unsigned auto_increment, `name` varchar(255), `text` text, `date` datetime, PRIMARY KEY (`chid`) ) AUTO_INCREMENT=1000000001
<? if(!isset($_SESSION)) session_start(); $msg = "<p>名前と文章を入力して送信ボタンを押してください。</p>"; $name = isset($_SESSION["name"]) ? $_SESSION["name"] : "" ; $name = isset($_POST["name"]) ? $_POST["name"] : $name ; $text = isset($_POST["text"]) ? $_POST["text"] : "" ; if($action){ if(!$name) $err[] = "名前 を入力してください"; if(mb_strlen($name)>4) $err[] = "名前 は4文字以内で入力してください"; if(!$text) $err[] = "文章 を入力してください"; if(mb_strlen($text)>50) $err[] = "文章 は50文字以内で入力してください"; if(!count($err)){ // セッションに名前を登録 $_SESSION["name"] = $name; mysql_query("insert into chat set date = now(), name = '".addslashes($name)."', text = '".addslashes($text)."'"); }else{ $msg = showerr($err); } } // チャット内容の取得 $_chat = array(); $rst = mysql_query("select * from chat order by date desc limit 100"); while($col=mysql_fetch_assoc($rst)) $_chat[$col["chid"]] = $col; mysql_free_result($rst); // 直近のIDをセッションに登録 $_SESSION["max_chid"] = count($_chat) ? max(array_keys($_chat)) : 0 ; ?>
<?=$msg?> <form action="/php/chat.html" method="post"> <table summary="送信フォーム"> <tr><th>名前</th><td><?if($name){?><?=$name?><?}else{?><input type="text" name="name" style="width:100%" /><?}?></td></tr> <tr><th>文章</th><td><input type="text" name="text" style="width:100%" /></td></tr> </table> <p><input type="submit" value="送信" class="button" /></p> <input type="hidden" name="action" value="1" /> </form> <table summary="チャット"> <tr><th style="width:100px">名前</th><th style="width:180px">投稿日時</th><th>文章</th></tr> <tbody id="board"> <?foreach($_chat as $val){?> <tr><td><?=htmlspecialchars($val["name"])?></td><td><?=$val["date"]?></td><td><?=htmlspecialchars($val["text"])?></td></tr> <?}?> </tbody> </table>
<script type="text/javascript"> // 名前か文章にカーソルをフォーカス if(document.getElementsByName("text")[0]) document.getElementsByName("text")[0].focus(); if(document.getElementsByName("name")[0]) document.getElementsByName("name")[0].focus(); function createXMLHttpRequest(){ var xmlHttpObject = null; if(window.XMLHttpRequest){ xmlHttpObject = new XMLHttpRequest(); }else if(window.ActiveXObject){ try{ xmlHttpObject = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ xmlHttpObject = new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){ return null; } } } if(xmlHttpObject) xmlHttpObject.onreadystatechange = displayHtml; return xmlHttpObject; } function loadchatdata(){ httpObj = createXMLHttpRequest(); if(httpObj){ httpObj.open("GET","/loadchatdata.php",true); httpObj.send(null); } } function displayHtml(){ if((httpObj.readyState == 4) && (httpObj.status == 200) && httpObj.responseText){ document.getElementById("board").innerHTML = httpObj.responseText + document.getElementById("board").innerHTML; } } // 2秒ごとにチャットの内容を取りに行く setInterval('loadchatdata()',2000); </script>
<? if(!isset($_SESSION)) session_start(); // キャッシュを取らないように header("Expires: Thu, 01 Dec 1994 16:00:00 GMT"); header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT"); header("Cache-Control: no-cache, must-revalidate"); header("Cache-Control: post-check=0, pre-check=0",false); header("Pragma: no-cache"); header("Content-type: text/html; charset=utf-8"); $max_chid = isset($_SESSION["max_chid"]) ? $_SESSION["max_chid"] : 0 ; // チャットの内容の取得 $_chat = array(); $rst = mysql_query("select * from chat where chid > {$max_chid} order by date desc limit 10"); while($col=mysql_fetch_assoc($rst)) $_chat[$col["chid"]] = $col; mysql_free_result($rst); // 直近のID $_SESSION["max_chid"] = count($_chat) ? max(array_keys($_chat)) : $max_chid ; // チャットデータの書き出し foreach($_chat as $val){?> <tr><td><?=htmlspecialchars($val["name"])?></td><td><?=$val["date"]?></td><td><?=htmlspecialchars($val["text"])?></td></tr> <?}?>
Copyright(C) systemexpress.co.jp All Rights Reserved. Author Takayuki Yukawa check for html