이모티콘 게시판에 관한 질문입니다. 정보
그누보드 이모티콘 게시판에 관한 질문입니다.- Visual_Sun 홈페이지 자기소개 아이디로 검색 회원게시물 (211.♡.♡.86)
- 633
본문
현재 sir 홈페이지의 토크박스에서 사용하는 이모티콘 게시판에서 글쓰기를 할 때, 이모티콘이 디폴트로 표시되게 하려면 어찌 해야 할까요?
emo.php에서
<input onclick=showEmoticon('emoticon') type=checkbox name=emoticons value='yes'> 이모티콘 사용
위의 부분에 checked를 줘도 체크박스에 표시만 될뿐 이모티콘 박스가 나타나질 않습니다.
여러가지 시도를 해봤는데, 마땅히 되질 않네요.
emo.php 는 아래와 같습니다.
<?
/*
<!-- 쌀리가 노가다하다. http://misoga.com -->
<!--
그누보드를위한 두번째 노가다
1. 익스전용이던것을 모질라(Mozilla)와 네스케이프(Netscape)에서 작업가능하도록 수정
2. 기존 이모티콘 하나하나에 대해서 td 설정하던것을 for 문을 사용하여 처리
3. 이모티콘에 title 기능추가
updated by root
http://www.ThreeS.org
-->
*/
?>
<input onclick=showEmoticon('emoticon') type=checkbox name=emoticons value='yes'> 이모티콘 사용
<script language=javascript>
function showEmoticon(layer_id){
if(document.getElementById && document.getElementById(layer_id)) {
// W3C Netscape 6일경우
var layer = document.getElementById(layer_id).style;
} else if (document.all && document.all(layer_id)) {
// MSIE 4 일경우
var layer = document.all(layer_id).style;
} else if (document.layers && document.layers[layer_id]) {
// NN 4 일경우
var layer = document.layers[layer_id];
} else {
return false;
}
if(layer.display == 'none') {
layer.display = '';
} else {
layer.display = 'none';
}
}
function insertSmiley(smiley){
if(document.fgbview) { // view 화면에서 코멘트 처리시 사용
if(document.fgbview.wr_content.createTextRange){
document.fgbview.wr_content.focus();
document.selection.createRange().duplicate().text=smiley;
}else{
document.fgbview.wr_content.value+=smiley;
}
} else if(document.fgbform) { // 입력,수정 화면에서 데이타 입력시 사용
if(document.fgbform.wr_content.createTextRange){
document.fgbform.wr_content.focus();
document.selection.createRange().duplicate().text=smiley;
}else{
document.fgbform.wr_content.value+=smiley;
}
} else {
alert("정의되지않은 form name입니다!!");
}
}
</script>
<style>
.on {border:1px solid #6B717B}
.off {border:1px solid white}
.down {border:1px solid #444A54;background-color:efefef}
.up {border:1px solid #6B717B;background-color:white}
.curHand {cursor:hand}
</style>
<!-- <div id="emoticon" style="z-index:1; visibility:hidden;"> -->
<div id="emoticon" style="z-index:1; display:none;">
<table border=0 cellpadding=0 cellspacing=0>
<tr><td>
<table border=0 cellpadding=3 cellspacing=0 style="background-color:white;border:1px solid #cdcdcd;" align=left>
<?
$colnum = 20; // 한 줄에 몇개를 표시할것인지 설정
for($i=1; $i<=120; $i++){
$list = ($i-1)%$colnum;
if($i < 10) {
$emo_id = "emoticon_00$i";
} else if($i < 100) {
$emo_id = "emoticon_0$i";
} else {
$emo_id = "emoticon_$i";
}
if(!$list) echo "\n<tr>";
echo "<td class=off width=19 onmousedown=this.className='down' onmouseup=this.className='up' onmouseover=this.className='on' onmouseout=this.className='off'><a onclick=insertSmiley('$emo_id')><img class=curHand src=./emoticons/$i.gif width=18 height=18 border=0 title=$emo_id></a></td>";
//if($list) echo "</tr>";
}
if(!$list) echo "\n<td> </td></tr>";
?>
</table>
</td></tr>
<tr><td align=right height=22>
Emoticons (C) <a href="http://www.nate.com" target=_blank><img class="curHand" src='./emoticons/nate.gif' border=0 align=absmiddle> nate.com</a>
</td>
</tr></table>
</div>
emo.php에서
<input onclick=showEmoticon('emoticon') type=checkbox name=emoticons value='yes'> 이모티콘 사용
위의 부분에 checked를 줘도 체크박스에 표시만 될뿐 이모티콘 박스가 나타나질 않습니다.
여러가지 시도를 해봤는데, 마땅히 되질 않네요.
emo.php 는 아래와 같습니다.
<?
/*
<!-- 쌀리가 노가다하다. http://misoga.com -->
<!--
그누보드를위한 두번째 노가다
1. 익스전용이던것을 모질라(Mozilla)와 네스케이프(Netscape)에서 작업가능하도록 수정
2. 기존 이모티콘 하나하나에 대해서 td 설정하던것을 for 문을 사용하여 처리
3. 이모티콘에 title 기능추가
updated by root
http://www.ThreeS.org
-->
*/
?>
<input onclick=showEmoticon('emoticon') type=checkbox name=emoticons value='yes'> 이모티콘 사용
<script language=javascript>
function showEmoticon(layer_id){
if(document.getElementById && document.getElementById(layer_id)) {
// W3C Netscape 6일경우
var layer = document.getElementById(layer_id).style;
} else if (document.all && document.all(layer_id)) {
// MSIE 4 일경우
var layer = document.all(layer_id).style;
} else if (document.layers && document.layers[layer_id]) {
// NN 4 일경우
var layer = document.layers[layer_id];
} else {
return false;
}
if(layer.display == 'none') {
layer.display = '';
} else {
layer.display = 'none';
}
}
function insertSmiley(smiley){
if(document.fgbview) { // view 화면에서 코멘트 처리시 사용
if(document.fgbview.wr_content.createTextRange){
document.fgbview.wr_content.focus();
document.selection.createRange().duplicate().text=smiley;
}else{
document.fgbview.wr_content.value+=smiley;
}
} else if(document.fgbform) { // 입력,수정 화면에서 데이타 입력시 사용
if(document.fgbform.wr_content.createTextRange){
document.fgbform.wr_content.focus();
document.selection.createRange().duplicate().text=smiley;
}else{
document.fgbform.wr_content.value+=smiley;
}
} else {
alert("정의되지않은 form name입니다!!");
}
}
</script>
<style>
.on {border:1px solid #6B717B}
.off {border:1px solid white}
.down {border:1px solid #444A54;background-color:efefef}
.up {border:1px solid #6B717B;background-color:white}
.curHand {cursor:hand}
</style>
<!-- <div id="emoticon" style="z-index:1; visibility:hidden;"> -->
<div id="emoticon" style="z-index:1; display:none;">
<table border=0 cellpadding=0 cellspacing=0>
<tr><td>
<table border=0 cellpadding=3 cellspacing=0 style="background-color:white;border:1px solid #cdcdcd;" align=left>
<?
$colnum = 20; // 한 줄에 몇개를 표시할것인지 설정
for($i=1; $i<=120; $i++){
$list = ($i-1)%$colnum;
if($i < 10) {
$emo_id = "emoticon_00$i";
} else if($i < 100) {
$emo_id = "emoticon_0$i";
} else {
$emo_id = "emoticon_$i";
}
if(!$list) echo "\n<tr>";
echo "<td class=off width=19 onmousedown=this.className='down' onmouseup=this.className='up' onmouseover=this.className='on' onmouseout=this.className='off'><a onclick=insertSmiley('$emo_id')><img class=curHand src=./emoticons/$i.gif width=18 height=18 border=0 title=$emo_id></a></td>";
//if($list) echo "</tr>";
}
if(!$list) echo "\n<td> </td></tr>";
?>
</table>
</td></tr>
<tr><td align=right height=22>
Emoticons (C) <a href="http://www.nate.com" target=_blank><img class="curHand" src='./emoticons/nate.gif' border=0 align=absmiddle> nate.com</a>
</td>
</tr></table>
</div>
댓글 전체
소스를 열어보고도 헤매고 있었습니다.
감사합니다.
감사합니다.
음이건 관리자님께서 커뮤니티에 적용해놓으신 소스를 보면 될것 같군요.
먼저 "이모티콘 들어갈 부분" 바로 아래쪽의 체크박스에 checked 추가하시고
<!-- 이모티콘 들어갈 부분 -->
<input onclick=showEmoticon('emoticon') type=checkbox id=emoticons name=emoticons value='yes' checked> 이모티콘 사용
그리고 소스 맨 아래쪽 "이모티콘 끝" 앞에 showEmoticon() 호출 스크립터를 다음처럼 추가하세요.
<script language="JavaScript">
<!--
showEmoticon('emoticon');
//-->
</script>
<!-- 이모티콘 끝 -->
먼저 "이모티콘 들어갈 부분" 바로 아래쪽의 체크박스에 checked 추가하시고
<!-- 이모티콘 들어갈 부분 -->
<input onclick=showEmoticon('emoticon') type=checkbox id=emoticons name=emoticons value='yes' checked> 이모티콘 사용
그리고 소스 맨 아래쪽 "이모티콘 끝" 앞에 showEmoticon() 호출 스크립터를 다음처럼 추가하세요.
<script language="JavaScript">
<!--
showEmoticon('emoticon');
//-->
</script>
<!-- 이모티콘 끝 -->