php・mysql・javascriptを使ったチャットシステムの作り方を載せてみました。
名前と文章を入力して送信ボタンを押してください。
| 名前 | 投稿日時 | 文章 |
|---|---|---|
| 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 |
| aa | 2019-07-09 10:41:03 | aaa |
| む | 2019-07-07 01:14:10 | ケツ丸出しくん |
| 1919 | 2019-07-05 11:45:08 | 緊急射精案件 |
| 1919 | 2019-07-05 11:44:41 | 緊急射精案件 |
| テスト | 2019-07-05 11:44:38 | How Are You? |
| 1919 | 2019-07-05 11:44:07 | hello |
| テスト | 2019-07-05 11:43:47 | こんにちは |
| 1919 | 2019-07-05 10:05:21 | あああああああああああああああああああ |
| あああ | 2019-07-04 14:39:21 | あああああああ |
| いいい | 2019-07-03 11:45:53 | WHAT'S UP |
| いいい | 2019-07-03 11:42:51 | my |
| dddd | 2019-07-03 11:04:38 | ddddddddddwwwwwwwwwwqqqqqqqqqqeeeeeeeeeetttttttttt |
| test | 2019-07-02 22:08:58 | test |
| あか | 2019-07-02 22:05:32 | 文章 は50文字以内で入力してください |
| あか | 2019-07-02 22:04:26 | いか |
| ero | 2019-07-02 10:19:04 | fuck |
| うぇｒ | 2019-07-01 18:33:08 | うぇｒうぇｒうぇｒ |
| てｔ | 2019-07-01 17:56:12 | てｓ |
| こ | 2019-07-01 11:38:56 | ども |
| 名前は４ | 2019-06-29 17:30:00 | 文字以内で |
| ppo | 2019-06-29 00:32:41 | yo |
| aa | 2019-06-28 17:38:19 | aa |
| あ | 2019-06-27 22:56:45 | かな |
| あ | 2019-06-26 14:17:29 | いい |
| あ | 2019-06-26 14:15:52 | あさ |
| あ | 2019-06-26 14:15:43 | f |
| p | 2019-06-26 11:05:56 | po |
| hoge | 2019-06-22 22:38:45 | hoge |
| hoge | 2019-06-22 22:38:12 | hoge |
| hoge | 2019-06-21 09:32:10 | hello world |
| あ | 2019-06-21 08:09:16 | あ |
| ｈｈｈ | 2019-06-21 03:56:39 | ｈｈｈ |
| 2019 | 2019-06-17 23:12:48 | 2019 |
| 名前 | 2019-06-16 20:36:56 | あああ |
| テスト | 2019-06-16 20:36:46 | 誰かいる？ |
| 名前 | 2019-06-16 20:35:58 | 文章 |
| チカ | 2019-06-14 22:39:12 | 森へお帰り |
| y | 2019-06-14 21:52:25 | tr |
| y | 2019-06-14 21:49:29 | tr |
| えええ | 2019-06-13 17:37:01 | ｑｑｑ |
| あ | 2019-06-12 14:21:07 | あ |
| mako | 2019-06-10 12:32:11 | alfa |
| jiji | 2019-06-09 16:23:33 | jijbaba |
| い | 2019-06-09 13:55:20 | いいい |
| sugi | 2019-06-07 17:34:26 | test-4 |
| sugi | 2019-06-07 17:32:27 | test-3 |
| sugi | 2019-06-07 17:32:23 | test-2 |
| sugi | 2019-06-07 17:30:38 | test-1 |
| dex | 2019-06-07 03:16:42 | <h1>test</h1> |
| hr | 2019-06-06 22:58:48 | ちゃっと テスト！ |
| a | 2019-06-06 17:55:06 | dddddddddddddddddddd |
| a | 2019-06-06 17:55:03 | ss |
| a | 2019-06-06 17:53:57 | aa |
| てすと | 2019-06-06 16:09:47 | すごいね！ |
| test | 2019-06-04 12:23:01 | test |
| a | 2019-06-02 11:37:37 | test |
| test | 2019-06-02 10:05:49 | aiueo |
| 猫 | 2019-06-01 10:17:28 | にゃんッ |
| 猫 | 2019-06-01 10:17:12 | にゃんッ |
| あ | 2019-05-31 23:17:21 | Ａ |
| テスト | 2019-05-30 13:24:08 | こんにちは。今日も暑いですね |
| てｓｔ | 2019-05-29 14:44:03 | あああああ |
| AK | 2019-05-29 13:58:04 | 000 |
| ｗｗ | 2019-05-28 09:42:00 | ｗｗｗ |
| ｗｗ | 2019-05-28 09:41:53 | ｗｗｗ |
| aaaa | 2019-05-27 17:05:34 | sssss |
| geg | 2019-05-23 16:15:38 | agaegae |
| てすと | 2019-05-18 23:33:53 | にゃーん |
| dd | 2019-05-16 13:46:14 | dd |
| xxx | 2019-05-15 09:58:05 | あああhttp://yahoo.co.jpいいい |
| あ | 2019-05-14 21:45:28 | うんち |
| サンプル | 2019-05-13 18:16:36 | サンプル |
| サンプル | 2019-05-13 18:16:31 | サンプル |
| サンプル | 2019-05-13 18:14:54 | サンプル |
| てて | 2019-05-13 13:55:57 | ててい |
| kmbk | 2019-05-13 13:04:26 | テスト |
| user | 2019-05-12 23:05:49 | がんばってる日本 |
| ssss | 2019-05-12 18:19:24 | asasaasas |
| d | 2019-05-08 09:53:16 | っd |
| user | 2019-05-02 17:20:42 | test test |
| user | 2019-04-27 16:14:59 | test message |
| aaaa | 2019-04-26 19:48:27 | おまんこ |
| aaaa | 2019-04-26 19:48:17 | sweet |
| aaaa | 2019-04-26 19:48:11 | ああああ |
| aaaa | 2019-04-26 19:48:05 | sssss |
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