안녕하세요. 우선 검색은 충분히 해보고 드리는 질문입니다.

저는 화이트 보드란 게시판을 사용하고 있는데, 화이트 보드에는 미리보기 기능이 없어서
스킨에서 한번 구현해 보려고 시도 중입니다.

우선 예제는 http://hosting.bcpark.net/~heosang/whiteboard/board/list.php?data=wb-preview
이것 입니다. 포스트잇 비슷하게 꾸미려는데 거의 완성은 했습니다.

그런데 문제는 핀셋 아이콘을 클릭했을때 포스트잇 모양이 화면 위로올라가면서 클릭했던 아이콘이 변해야 하고,
alt를 이용한 풍선 도움말도 Pin Up에서 Remove로 변해야 하는데 변하지를 않네요...

제가 생각 했을때는
document.pinimage.src = 'skin/<?=$C_skin?>/images/pin_on.gif';
document.pinimage.alt = "Remove";
요게 맞는것 같은데 이상하네요...

아래는 소스 입니다.


============게시판 헤더=============================
<SCRIPT>
function showSubMenu(obj) {
        if(document.all[obj].style.visibility == 'hidden')
        {
                document.all[obj].style.pin = 0;
                document.all[obj].style.posLeft = event.x - 10;
                document.all[obj].style.posTop = event.y - 10;
                document.all[obj].style.visibility = '';
        }
}

function hideSubMenu(obj) {
        if(document.all[obj].style.pin == 0) document.all[obj].style.visibility = 'hidden';
}

function pinSubMenu(obj) {

        if(document.all[obj].style.pin == 0) {
                document.all[obj].style.pin = 1;
                document.all[obj].style.posLeft = 0;
                document.all[obj].style.posTop = 0;
                document.pinimage.src = 'skin/<?=$C_skin?>/images/pin_on.gif';
                document.pinimage.alt = "Remove";
        }
        else {
                document.all[obj].style.pin = 0;
                document.all[obj].style.visibility = 'hidden';
        }

}
</SCRIPT>



===============게시판 리스트 메인==============================================
<DIV id='pop<?=$Row[no]?>' style="width:100%; position:absolute; z-index:6;
visibility:hidden; pin:0;">
<table class="wDefault" border="1" cellspacing="0" bgcolor="white" bordercolordark="white" bordercolorlight="black">
<tr bgcolor="#EEEEEE">
<td>
<a href="javascript:pinSubMenu('pop<?=$Row[no]?>')" onmouseover="showSubMenu('pop<?=$Row[no]?>')" onmouseout="hideSubMenu('pop<?=$Row[no]?>')">
<img src="skin/<?=$C_skin?>/images/pin_off.gif" border=0 name=pinimage alt="Pin Up">
</a>
제목 : <b><?=$Row[subject]?></b>  (<?=$Row[w_hour2]?>:<?=$Row[w_min]?>)
</td>
</tr>

<tr>
<td>
<div style="height:100px; overflow-y:hidden;"><?=$Row[comment]?></div>
</td>
</tr>
</table>
</DIV>


특정게시판의 스킨이기 때문에 이상한 변수명은 게시판 스킨변수라고 생각하시면 됩니다.