알짜게시판

길호님께서 올린것과는 다른 방식입니다..^^

현제 그누보드용 채팅에 적용한 상태라 그누보드 위주로 설명합니다.
다른 보드 채팅은 경로만 약간 수정하면 되리라 봅니다.

먼저 chat09_emoticon.zip파일을 압축을 풀어서 emo.php파일과 emoticon폴더를
gnu/gnu_chat폴더에 올립니다.

gnu_chat/skin/각스킨폴더/room.php파일을 열어서 아래와 같이 수정..

입력창 : <input type=text name=test autocomplete=off>
</form> ← 이부분 아래에

<table>
  <tr>
    <td>
      <div align=right>
        <input onclick='showEmoticon()' type=checkbox name=Emoticons value='yes'>
        <img src=./emoticon/i_emoticons.gif align=absmiddle border=0>이모티콘
      </div>
    </td>
  </tr>
  <tr>
    <td><? include "../gnu_chat/emo.php"; ?></td>
  </tr>
<table>

<SCRIPT>
// 자동링크 기능....
.....................................................................
.....................................................................
return str.replace(/___---#Done#Src#---___/g, "");

이 줄 다음에

function emoticon_html(str)
 {
str=str.replace("emtc_001","<img src=http://URL/gnu/gnu_chat/emoticon/1.gif width=18 height=18 border=0>",str);
str=str.replace("emtc_002","<img src=http://URL/gnu/gnu_chat/emoticon/2.gif width=18 height=18 border=0>",str);
...
str=str.replace("emtc_105","<img src=http://URL/gnu/gnu_chat/emoticon/105.gif width=18 height=18 border=0>",str);
return str;
}

아래 채팅 출력 부분 원본

// 채팅 출력부분 
function chattext(str,col)
{ 
<?
  if(file_exists('skin/'.$skinname.'/imoticon'))
  {
  $handle=@opendir('skin/'.$skinname.'/imoticon/.');
  while (($file = @readdir($handle))!==false) 
  { $imoticon=str_replace('.gif','',$file);
    if(strpos($file,'.gif')>1)
    {?>
      str=str.replace("<?=$imoticon?>","<img src='imoticon/<?=$file?>'>");
    <?}
  }
  @closedir($handle); 
  }
?>
  str=sw_autolink(str);

  chatview.document.body.insertAdjacentHTML('beforeEnd', '<font color='+col+'>'+str+'</font><br>');
  chatview.document.body.scrollTop=99999999;
}

원본 끝

수정

// 채팅 출력부분 
function chattext(str,col)
{ 
  str=emoticon_html(str);
  str=sw_autolink(str);

  chatview.document.body.insertAdjacentHTML('beforeEnd', '<font color='+col+'>'+str+'</font><br>');
  chatview.document.body.scrollTop=99999999;
}

수정 끝

이모티콘이 많으면 불러오는데 시간이 약간 걸리뿐만 아니라
이모티콘 약간 깨집니다.. 적절한 개수로 짤라서 사용하세요..^^