php・mysql・javascriptを使ったチャットシステムの作り方を載せてみました。
名前と文章を入力して送信ボタンを押してください。
| 名前 | 投稿日時 | 文章 |
|---|---|---|
| aaa | 2020-02-19 10:57:38 | aaaaaa |
| aaa | 2020-02-19 10:57:33 | aaaaaaaaaaaa |
| ukon | 2020-02-17 17:36:54 | うんちょこちょこビーム・・・・・ |
| あたま | 2020-02-17 06:49:49 | 価格は? |
| sde | 2020-02-15 16:52:20 | ew |
| なに | 2020-02-15 15:12:18 | うん |
| ああああ | 2020-02-14 11:05:14 | いいいいいいいいい |
| ああああ | 2020-02-14 11:05:08 | dfdfdfd |
| ああああ | 2020-02-14 11:05:02 | dfdfdfd |
| ああああ | 2020-02-14 11:04:56 | dfdfdfd |
| ああああ | 2020-02-14 11:04:45 | いいいいいいいいい |
| ああああ | 2020-02-14 10:56:01 | dfdfdfd |
| ああああ | 2020-02-14 10:55:35 | fdfsdfdsafds |
| ああああ | 2020-02-14 10:55:33 | fdsfdsfdsfdsaf |
| ああああ | 2020-02-14 10:55:31 | efdfdsfdsafdsaf |
| ああああ | 2020-02-14 10:42:34 | ｆｄｓｆｄｆｓｆｄｓｆ |
| 123 | 2020-02-12 16:40:29 | あいうえお |
| Foo | 2020-02-11 22:03:16 | ことよろ |
| 多板橋権 | 2020-02-09 19:32:55 | あけましておめでとうございます。 |
| こうし | 2020-02-07 14:55:53 | a |
| こうし | 2020-02-07 14:47:54 | a |
| あわわ | 2020-02-07 09:06:06 | あわわ |
| ああ | 2020-02-05 18:37:23 | ああああ |
| ｄｓｄｓ | 2020-02-03 22:50:34 | ヘロートゥーザワールド |
| ｄｓｄｓ | 2020-02-03 22:50:14 | ｇｇｇｆ |
| abc | 2020-02-03 11:55:57 | abc |
| abc | 2020-02-03 11:55:46 | abc |
| abc | 2020-02-03 11:55:42 | abc |
| きた | 2020-02-02 15:26:40 | かあ |
| あ | 2020-01-31 20:57:17 | あ |
| a | 2020-01-30 21:13:16 | e |
| 承太郎 | 2020-01-29 09:40:35 | やれやれだぜ |
| 承太郎 | 2020-01-29 09:40:26 | 記憶喪失だと？ |
| 810 | 2020-01-28 14:30:21 | testよ.....どうか私を助けてくれ........ |
| 810 | 2020-01-28 14:20:50 | testよ.....どうか私を助けてくれ........ |
| 810 | 2020-01-28 14:20:09 | 世界に挨拶とは...よっぽどの偉人とみた.... |
| test | 2020-01-28 11:11:14 | "Hello World!!" |
| test | 2020-01-28 11:11:08 | "Hello World!!" |
| test | 2020-01-28 11:09:02 | "Hello World!!" |
| 810 | 2020-01-28 09:23:37 | 連絡手段がここしかないのだ.....助けてくれるものよ。連絡を待っている |
| 810 | 2020-01-28 09:22:16 | 男に襲われ目隠しをされどこかに連れていかれたのは覚えている..... |
| 810 | 2020-01-28 09:21:26 | 誰か私の助けになってくれ.... |
| 810 | 2020-01-28 09:20:57 | これまでの記憶がないんだ....... |
| 810 | 2020-01-28 09:20:25 | わたしは....何者なのだ...... |
| 810 | 2020-01-28 09:19:40 | ここは.....どこだ........ |
| 4545 | 2020-01-28 09:15:12 | test |
| 222 | 2020-01-25 23:28:29 | 111 |
| ああああ | 2020-01-24 23:29:09 | いけてますね |
| ああああ | 2020-01-24 12:46:44 | いけてるね |
| ああああ | 2020-01-24 12:46:13 | ああああ |
| ああああ | 2020-01-22 22:41:30 | ああああ |
| あああ | 2020-01-22 16:27:52 | あああああああ |
| 7575 | 2020-01-22 11:35:45 | urtururururyt |
| test | 2020-01-22 09:58:23 | test |
| aaaa | 2020-01-21 09:37:08 | bbbb |
| bbbb | 2020-01-21 09:36:55 | abc |
| aaaa | 2020-01-21 09:36:52 | aaaa |
| ちこ | 2020-01-20 16:41:28 | そのやりかたもしりたいーー |
| ちこ | 2020-01-20 16:40:43 | したい |
| ちこ | 2020-01-20 16:40:29 | 非表示やロック お |
| ちんぽ | 2020-01-20 11:09:08 | しこしこ |
| aaa | 2020-01-19 13:46:05 | a |
| しとり | 2020-01-19 07:00:56 | きいせすきりちきち゜きりけねいらすそちて |
| あ | 2020-01-18 15:47:39 | IPアドレス |
| ｊｋ | 2020-01-17 18:47:36 | ｊｋｌ： |
| ほｌ | 2020-01-17 09:28:07 | ひう |
| aaa | 2020-01-16 22:47:32 | test |
| あ | 2020-01-16 17:14:59 | っkんにc |
| あ | 2020-01-16 11:46:53 | あ |
| aaa | 2020-01-15 16:09:46 | aaa |
| てすと | 2020-01-15 15:09:06 | てすと |
| aaa | 2020-01-14 12:35:24 | bbb |
| kkk | 2020-01-14 11:15:15 | ggagaag |
| kkk | 2020-01-14 11:15:00 | gâg |
| kkk | 2020-01-14 11:14:57 | gaga |
| kkk | 2020-01-14 11:14:41 | gsga |
| kkk | 2020-01-14 11:14:37 | aggaag |
| kkk | 2020-01-14 11:14:29 | ggag |
| kkk | 2020-01-14 11:14:26 | ggag |
| kkk | 2020-01-14 11:14:23 | gsgs |
| kkk | 2020-01-13 23:52:54 | ]]]]]] |
| ㎏ | 2020-01-12 17:33:12 | 良い |
| ｋｋｋ | 2020-01-12 12:56:52 | 」 |
| ｋｋｋ | 2020-01-12 12:56:48 | 」 |
| ｋｋｋ | 2020-01-12 12:56:45 | 」」」」 |
| ｋｋｋ | 2020-01-12 12:56:45 | 」」」」 |
| ｋｋｋ | 2020-01-12 12:56:45 | 」」」」 |
| ｋｋｋ | 2020-01-12 12:56:45 | 」」」」 |
| ｋｋｋ | 2020-01-12 12:56:45 | 」」」」 |
| ｋｋｋ | 2020-01-12 12:56:41 | 」 |
| ｋｋｋ | 2020-01-12 12:56:33 | ｋｊｊ |
| なかた | 2020-01-12 12:56:05 | さ |
| なかた | 2020-01-12 12:55:56 | か |
| なかた | 2020-01-12 12:55:47 | たな |
| い | 2020-01-12 12:11:52 | いうえお |
| a | 2020-01-12 02:03:08 | a |
| aa | 2020-01-12 02:02:55 | ss |
| a | 2020-01-12 01:59:08 | yorosiku |
| a | 2020-01-12 01:59:04 | yoro~~ |
| a | 2020-01-12 01:58:54 | yorosiku |
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