팝업관리자 마지막 난관 입니다 *^^* 정보
팝업관리자 마지막 난관 입니다 *^^*본문
그런데, 문제가 그림처럼 링크가 걸린 위치에 마우스가 갔을 때 포인터로 바뀌어야 하는데
그냥 drag에 사용하는 움직이는 커서 그대로에요. ㅠ..ㅠ...
http://www.opencode.co.kr 을 보시면 예제 팝업창이 있어요.
해당부분 코드...
<span id="writeContents" style="overflow:hidden;width:<?=$list[$i][wr_5]?>;height:<?=$list[$i][wr_6]?>"><img src="<?=$img_url;?>" usemap="#<?=$list[$i][wr_9]?>"><?=conv_content_rev($list[$i][wr_content]);?></span>
위에 img src ... 요기서 스타일을 정의해야 하나요??? 아니면 map에서 해야 하나요???
<img src="imgmap.gif" alt="imgmap.gif" usemap="#001" border="0">
<map name="001">
<area shape="rect" coords="42,41,154,66" href="/01/homepage.php" target="_blank">
<area shape="rect" coords="42,76,152,100" href="/03/html.php" target="_blank">
<area shape="rect" coords="40,113,150,138" href="/05/html2.php" target="_blank">
</map>
댓글 전체
<script type="text/javascript">
function over(id, cursorVal)
{
document.getElementById(id).style.cursor = cursorVal;
}
function out(id)
{
document.getElementById(id).style.cursor = 'default';
}
</script>
<span id="writeContents" ...>
<img src="http://sir.co.kr/data/file/g4_qa/2106568284_4d75cf77_Clipboard01.jpg" alt="imgmap.gif" usemap="#001" border="0">
</span>
<map name="001">
<area shape="rect" coords="0,0,464,100" onmouseover="over('writeContents', 'crosshair');" onmouseout="out('writeContents');" ...>
<area shape="rect" coords="0,100,464,200" onmouseover="over('writeContents', 'pointer');" onmouseout="out('writeContents');" ...>
<area shape="rect" coords="0,200,464,337" onmouseover="over('writeContents', 'help');" onmouseout="out('writeContents');" ...>
</map>
function over(id, cursorVal)
{
document.getElementById(id).style.cursor = cursorVal;
}
function out(id)
{
document.getElementById(id).style.cursor = 'default';
}
</script>
<span id="writeContents" ...>
<img src="http://sir.co.kr/data/file/g4_qa/2106568284_4d75cf77_Clipboard01.jpg" alt="imgmap.gif" usemap="#001" border="0">
</span>
<map name="001">
<area shape="rect" coords="0,0,464,100" onmouseover="over('writeContents', 'crosshair');" onmouseout="out('writeContents');" ...>
<area shape="rect" coords="0,100,464,200" onmouseover="over('writeContents', 'pointer');" onmouseout="out('writeContents');" ...>
<area shape="rect" coords="0,200,464,337" onmouseover="over('writeContents', 'help');" onmouseout="out('writeContents');" ...>
</map>
흙~ 제가 구글링으로 찾은 것과 같은 코드네요. 진정 이방법 밖에 없다는 말인가요? ㅠ..ㅠ...
기억이 맞다면 imagemap에 관한 속성이 있었던 것도 같은데 그것이 스타일 관련인지는 기억이 없네요.
기억이 맞다면 아마도 imagemap만 전문으로 하는 프로그램에서 본것 같습니다.
기억이 맞다면 아마도 imagemap만 전문으로 하는 프로그램에서 본것 같습니다.
헉 그러고 보니 writeContents 란 아이디를 두번 쓰셨네요... 위와 아래 모두 id가 같아요...
