웹마스터 팁

대화방을 만들어보쟈~

2001.06.03 07:31

해그리드짱!!!

대화방 만들기가 어려울것같지만 그렇지만은 않은가보죠?

제작환경(;;) : PHP 4.0.0&4.0.6dev, MYSQL (버전을 모르겠당..), 아파치 1.3.12&1.3.19

일단은 로그인 화면을 만들어야겠죠?

보통의 폼을 이용하여 $id라는 변수값으로 보내고 쿠키로 등록한뒤에 대화방 페이지로 이동합니다.

chat_1.php///////////////////
<?
if($id){
// 쿠키 설정
   setcookie("chat",$id,0,"/");
// 페이지 이동
   echo "<script>location.replace('chat_2.php')</script>";
}
?>
<form method=post action=<?=$PHP_SELF?>>
<input name=id>
<input type=submit value=입장>
</form>

네, 그리고 이제 본격적으로 대화방을 만들어야겠죠?

일단 mysql에 테이블을 만듭니다.

테이블 구조 ///////////////////////
no int not null auto_increment,
id varchar(20) not null,
chat varchar(255) not null,
color varchar(20) not null,
primary key(no)

채팅 상태는 <iframe>태그를 사용하고,
등록 폼은 밖에 합니다.

등록 폼에는 하는 말,그리고 색이 들어갑니다.

밖 파일(chat_2.html)///////////////////////////
<div align=center>
<iframe src=chat_2_stats.php></iframe>
        <form method=post action=send_chat.php>
                내용 <input name=text>
                글씨색상 <select name="fontcolor" style=width:30>
<option selected value="black" style=background:black></option>
<option value="red" style=background:red></option>
<option value="yellow" style=background:yellow></option>
<option value="blue" style=background:blue></option>
<option value="navy" style=background:navy></option>
<option value="gray" style=background:gray></option>
<option value="silver" style=background:silver></option>
<option value="orange" style=background:orange></option>
<option value="gold" style=background:gold></option></select>
        <input value=입력 type=submit>
        </form>
</div>

안에 있는 파일은 처음엔 mysql에 연결합니다.

$conn = mysql_connect ("서버","아이디","비번");
mysql_select_db ("테이블이 있는 db");

그리고 쿼리를 보내고 데이터를 출력합니다.

echo ("<table width=100>");
$res = mysql_query ("select * from chat",$conn);
while($chat = mysql_fetch_array($res)){
echo ("<tr height=20><td width=100 bgcolor=black style=color:white>$chat[id]</td><td width=5></td><td><span style='color:$chat[color];'>$chat[text]</span></td></tr>");
}
echo ("</table>");

아참, 그리고 실시간으로 채팅하려면 이 자바스크립트가 있어야 합니다.
<script>setTimeOut("location.reload()",5000)</script>
5초에 한번씩 페이지를 새로고침 하라는 얘깁니다.

안 파일(chat_2_stat.php)////////////////////////////
<?
$conn = mysql_connect ("서버","아이디","비번");
mysql_select_db ("테이블이 있는 db");

echo ("<table width=100>");
$res = mysql_query ("select * from chat",$conn);
while($chat = mysql_fetch_array($res)){
echo ("<tr height=20><td width=100 bgcolor=black style=color:white>$chat[id]</td><td width=5></td><td><span style='color:$chat[color];'>$chat[chat]</span></td></tr>");
}
echo ("</table>");
?>

<script>setTimeOut("location.reload()",5000)</script>

그리고 마지막 파일 send_chat.php입니다.

대화글을 올려주는 파일입니다.

역시 mysql에 연결합니다.

$conn = mysql_connect ("서버","아이디","비번");
mysql_select_db ("테이블이 있는 db");

그리고 글을 한번 걸러줍니다(태그 해제)

$text = str_replace("<","<",$text);
$text = str_replace(">",">",$text);

마지막으로 제일 중요한 쿼리...

mysql_query("insert into chat values(null,'$HTTP_COOKIE_VARS[chat]','$text','$fontcolor')",$conn);

그리고 페이지를 이동합니다.

echo "<script>location.replace('chat_2.html")</script>";

글 보내기 (send_chat.php)/////////////////////
<?

$conn = mysql_connect ("서버","아이디","비번");
mysql_select_db ("테이블이 있는 db");

$text = str_replace("<","<",$text);
$text = str_replace(">",">",$text);

mysql_query("insert into chat values(null,'$HTTP_COOKIE_VARS[chat]','$text','$fontcolor')",$conn);

echo "<script>location.replace('chat_2.html")</script>";

?>

알아서 샤바샤바 쓰시길 ^^
헥헥... 힘드네요...이런거 하나 쓰기두..
제목 글쓴이 날짜
[re] 아래 행복한고니님의 할아버지 소스의 업글(?) 버젼입니다. [2] Mahican 2002.12.02
텍스트 폼에 커서가 미리 깜빡이도록... [8] 카리 2003.01.22
로그인과 로그아웃을 체크하는 방법입니다. [3] 이영호 2003.01.24
다음 로그인 폼 입니다... 로그인후 원하는 곳으로!! [3] 정성교 2003.03.05
크롬리스(Chromless) 웹어플리케이션 -5 [3] sundew 2003.05.28
[초간단 자바스크립트!] 홈페이지에 FTP 폼 넣기?! [10] ∑Ztxy 2003.09.29
[초간단 자바스크립트!] 자바로 로그인폼 만들기 [3] ∑Ztxy 2004.01.26
특정위치에 떠있는 레이어 (슬라이딩 애드콘) - 노프레임홈에서의 문제해결 [8] 검미르 2004.05.03
상위 셀렉트박스 값 변경시 하위셀렉트박스(다수)제어하기. [2] Xian 2005.02.19
{로그인}관리자 로그인 폼 간단함 [2] 김민환 2006.10.10
쿠키(cookie)의 활용 [44] zero 2000.03.06
PHP 인증 페이지를 만들자! - Lesson 3 수정본 #1 [3] ☺[폐]허접-_- 2002.01.24
대화방을 만들어보쟈~ [20] 해그리드짱!!! 2001.06.03
[추천 소스] phpMyAdmin 다중사용자용... [5] WOWpc 2001.11.29
파일시스템에서 비밀번호 생성/수정/인증 [7] 두기두바 2002.01.10
[OsE=] Session을 배워보자~ [#1] OsE= 2002.03.02
MYSQL에 접속하기..^^ [9] ZipShin 2002.05.20
[PHP]간단한 로그인페이지 만들기 [15] ZipShin 2002.07.09
꼭 알아야 하는 4가지 쿼리문 Mr. JH 2002.08.22
[PHP 초보에서 중수로 - 쿠키편] 1강 : 쿠키의 이해 [2] file TheMics 2002.08.31