웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
대화방을 만들어보쟈~
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>";
?>
알아서 샤바샤바 쓰시길 ^^
헥헥... 힘드네요...이런거 하나 쓰기두..
제작환경(;;) : 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>";
?>
알아서 샤바샤바 쓰시길 ^^
헥헥... 힘드네요...이런거 하나 쓰기두..