'event'에 해당되는 글 2건

  1. 2007/09/13 Action Recorder as Bookmarklet
  2. 2007/07/09 Javascript 에서 Event 객체 생성으로 해보는 Click~

Action Recorder as Bookmarklet

idea
2007/09/13 17:26
북마클릿은 전에 제1회루비세미나에서 처음 제이슨파님의 프리젠테이션 북마클릿으로 처음 알게 되었다.

Mark "Tarquin" Wilton-Jones의 사이트에서 Javascript의 Event 생성에 대해 처음 알게 되었는데,

이 두가지를 엮어 내보는 것은 어떨까? 싶은 생각이 들었다.

사용자가 클릭이나 키 누르는 것을 그대로 시뮬레이션 하도록 하는 것이 목표이고
그 스크립트를 녹화 기능도...
벌써부터 난관이 눈앞에 펼쳐지네..

물론 북마클릿이 IE에서는 508자가 최고 길이라
전체 소스를 불러 들이는 것은 무리수가 있고..
서버와 통신하면서 동작하는 방식으로 구현한다면

꽤 나름 유용할 것 같다.

아이디어 제공은 IBM alphaWorks의 CoScripter

이 방식의 단점은 FireFox의 Plugin형식으로 구현되어 있어서

파이어폭스에서만 사용 가능하다는 점이다.

북마클릿으로 구현한다면 나름 CrossBrowsing을 지원하게 되는데..

쓸모 있을지는 좀 더 구현해봐야겠다.


참고사이트
  • 북마클릿의 선구자? : http://www.squarefree.com/bookmarklets/
  • 서버와 통신으로 로직처리하는 북마클릿 : http://www.dominspect.com/
  • 서버와 통신하는 북마클릿 : http://www.westciv.com/xray/
크리에이티브 커먼즈 라이선스
Creative Commons License

'idea' 카테고리의 다른 글

블로깅 꺼리가 없다~없다~ 그러더만 어느새..  (1) 2008/06/17
자바스크립트를 로드해오는 북마클릿  (0) 2007/09/14
Action Recorder as Bookmarklet  (0) 2007/09/13
Posted by 허혁
태그 Developer, event, javascript, opensoruce, Simulation
트랙백 0 : 댓글 0

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

Javascript 에서 Event 객체 생성으로 해보는 Click~

direct
2007/07/09 13:41
작년 5월 쯤 RoR로 구현하는 File Explorer 를 제작해본 적이 있다.

그 때 발견한 유용한 사이트

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. 프로젝트 때문에 조만간 테스트 해봐야 한다. 그때의 코드와 결과를 포스팅 할 것이다.
크리에이티브 커먼즈 라이선스
Creative Commons License

'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
Posted by 허혁
태그 ajax, event, javascript
트랙백 0 : 댓글 0

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

◀ PREV : [1] : NEXT ▶
BLOG main image
안녕하세요. 안정된 코딩, 여유로운 프로젝트, 떠오르는 코더 by 허혁

공지사항

카테고리

분류 전체보기 (88)
direct (50)
indirect (21)
transmissive (10)
agenda (4)
idea (3)

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

태그목록

IE8 티스토리 verbal forum Book Language sphere Pingback Download Day 2008 Developer MD Editor EMACS 태터데스크 unverbal vim IE7 나도몰라 블로그 스피어 thread 문제풀이법 Mozilla Firefox 베타테스트 trackback solution Community HowTo Programming blog Coding Practice

달력

«   2008/07   »
일 월 화 수 목 금 토
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

링크

최근에 달린 레몬펜 쪽지

rss
Statistics Graph
Creative Commons License

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.