오늘 몰라서..한참을 헤멨던 것....-_-;;
1. 하고자 했던 것은, 평소에는 Mouse Over, Out 시에 이미지가 바뀌는 버튼이 선택되고 나면 바뀌지 않고 선택된 채로 남아있게 하는 것. Onmouseover이벤트에 함수가 있는것을 지우는 것은 간단했다. onmouseover=null; 했더니 바로 없어졌으니까. 그런데 이렇게 null로 된 버튼에 다시 이벤트를 주는 것에서문제가 발생했다. 처음 짠 코드는 어땠냐면..
button.onmouseover = "changeImage()";
하지만, 이렇게 하면.. 이 changeImage()는 함수가 아니라, 문자열로 인식되기 때문에 아무런 효과가 없다..-_-;;
구글에서 한참 뒤진 결과..방법을 알게 되었다.
button.onmouseover = function() { changeImage() };
이렇게 function() 을 붙여줘야, 함수라는 개체로 인식이 된다는 것...
2. 그런데, 이것보다 더 좋은 방법을 조금 있다가 누군가에게서 배워서 알게 되었다는 것...-_-;;;
attachEvent() 라는 메서드를 쓰면 된다.
즉,
button.attachEvent('onmouseover',changeImage);
* 그런데, attachEvent는.. IE에서만 된다...FireFox를 생각한다면 쓰면 안 됨...(현재 프로젝트는 Outlook에 있는 IE만을 Target으로 하고 있기 때문에 그냥 뒀다..)
'javascript & HTML' 카테고리의 다른 글
| [Article]Span 태그와 Div 태그 (4) | 2006.09.09 |
|---|---|
| [HowTo]Javascript에서 상위 프레임의 요소를 접근할 때 (0) | 2006.03.11 |
| [HowTo]javascript에서 Left, Right 함수 구현 (0) | 2006.03.11 |
| [HowTo]XmlHttp를 이용해서 웹페이지 호출하기 (2) | 2006.03.10 |
