티스토리 뷰

프로그래밍언어/HTML

[HTML] <a href>[내용]</a> onclick event처리

가판이 2009. 6. 4. 14:21

서두
 - 가끔 개발하다가 보면, 어쩔 수 없이 링크메뉴를 막아야할때가 있다. 예를들자면 '현재 서비스 준비중입니다' 이런식으로... 그런데 기존에 소스를 보면 복잡해서 외워두기도 뭐하고 기억해두기도 뭐하고 해서 그냥 적어본다.

<a href='gafani.php' onMouseOver="viewLayer('layer_3',0);changeImg('img_3',0);"><img src='img/mypage_member_08_off.gif' id='img_3' border='0' width="92" height="35" align="absmiddle"></a>

마우스오버 이벤트가 있고... <a href> 태그 있는데, onclick event로 '서비스 준비중입니다 라고 바꾸고 싶었다. 그런데 이미 <a href>태그 자체가 onclick이벤트를 포함하고 있기 때문에 자세히 보니 <td></td>로 묶여 있었다.

 <td width="96" onClick="alert('서비스준비중입니다');"><a href='#' onMouseOver="viewLayer('layer_3',0);changeImg('img_3',0);"><img src='img/mypage_member_08_off.gif' id='img_3' border='0' width="92" height="35" align="absmiddle"></a></td>

그래서 이런식으로 바꾸어 주었다. <a href = '#'>으로 해두면 링크가 되질 않더이다. 아니면 <td width="96" onClick="alert('서비스준비중입니다');"> 이놈때문에 중복처리나서 링크연결이 안되는걸지도 모르고.

일단 결론지향적으로 내가 원하는대로 됐기때문에 더이상 실험은 안합니다^^