작년 5월 쯤 RoR로 구현하는 File Explorer 를 제작해본 적이 있다.
그 때 발견한 유용한 사이트
www.howtocreate.co.uk
영국의 젊은 웹 프로그래머 Mark Wilton-Jones 의 사이트로써 나와 동갑이다..(실력차이는 엄청나지만..)
번역을 하고 싶을 정도로 잘 정리된 글들이지만.
필자가 번역을 달가와하지 않기 때문에 부분적인 발췌만을 하도록 하겠다.
먼저 코드 나갑니다.
아쉽게도 위의 코드상에는 문제가 있다.
Anchor 나 Input에서는 onclick이벤트가 정확하게 표현되고 있지만,
다른 option 태그에서는 이벤트가 제대로 전달되지 않는 문제가 있다.
(작년에는 분명 Anchor를 사용한거군.)
이것으로 이벤트객체와 각 타겟 간의 호환성? 적합성? 문제를 따져봐야할 것 같다.
그부분은 다음의 포스팅으로 미루어 두자.
ps. 프로젝트 때문에 조만간 테스트 해봐야 한다. 그때의 코드와 결과를 포스팅 할 것이다.
그 때 발견한 유용한 사이트
www.howtocreate.co.uk
영국의 젊은 웹 프로그래머 Mark Wilton-Jones 의 사이트로써 나와 동갑이다..(실력차이는 엄청나지만..)
번역을 하고 싶을 정도로 잘 정리된 글들이지만.
필자가 번역을 달가와하지 않기 때문에 부분적인 발췌만을 하도록 하겠다.
먼저 코드 나갑니다.
<html>
<head>
<meta http-equiv=Content-type content=text/html; charset=utf-8>
<script type="text/javascript">
window.onload = function(){
var fireOnThis = document.getElementById('third');
var evObj = document.createEvent('MouseEvents');
evObj.initEvent( 'click', true, false );
fireOnThis.dispatchEvent(evObj);
}
</script>
</head>
<body>
<a href="#" onclick="alert('anchor')" id="anchors">anchors</a>
<select id="select_test" onchange="alert(this.selectedIndex)">
<option id="first" value="first_value">first</option>
<option id="second" value="second_value">second</option>
<option id="third" value="third_value">thired</option>
</select>
</body>
</html>
아쉽게도 위의 코드상에는 문제가 있다.
Anchor 나 Input에서는 onclick이벤트가 정확하게 표현되고 있지만,
다른 option 태그에서는 이벤트가 제대로 전달되지 않는 문제가 있다.
(작년에는 분명 Anchor를 사용한거군.)
이것으로 이벤트객체와 각 타겟 간의 호환성? 적합성? 문제를 따져봐야할 것 같다.
그부분은 다음의 포스팅으로 미루어 두자.
ps. 프로젝트 때문에 조만간 테스트 해봐야 한다. 그때의 코드와 결과를 포스팅 할 것이다.
'direct' 카테고리의 다른 글
| 웹에서 좋은 글을 쓰는 기본 (0) | 2007/09/04 |
|---|---|
| Javascript 에서 Event 객체 생성으로 해보는 Click~ (0) | 2007/07/09 |
| Topcoder 2007 결과...를 보고 (0) | 2007/07/02 |
| 80 vs 20 현실에서는.. (0) | 2007/06/12 |
