ActionScript3.0으로 MVC패턴을 살펴보면 [ Model ← Cotroller ← View ] 와 같이, View에서 데이터가 바뀔경우 Model까지 값이 전달되고, 굳이 중간관리자인 Controller를 거치지 않고 독립적인 데이터 모델로서 처리 할 수 있는 방법인, EventDipatch가 있었다. 따라서 Model에서는 EventDispatch를 상속하여 아래 코드와 같이 자체 이벤트를 발생 시키고, 다른 객체를 알 필요 없이 불특정 객체에 알리게 된다. View에서는 Model의 이벤트를 청취하므로 Model에서 변경된 값을 참조하여 사용 할 수 있다. 액션스크립트의 EventDispatch. (남용 되면 코드가 지저분해질수도 있지만 취향의 문제이고, 콜백함수와는 다른 성격일때 사용하는..
마우스로 클릭한 지점에 대한 x,y (left, top)에 대한 좌표는 1 2 3 $(".photo").click(function(e){ alert(e.clientX, e.clientY); }) 으로 알 수 있다. 참고로 스크롤이 되지 않은 상태이면 상관없지만 스크롤이 된 상태에서의 좌표값은 클라이언트 좌표에 스크롤된 amount를 합산해 주어야 한다. 1 2 document.getElementById(obj).style.left = event.clientX + document.body.scrollLeft + 'px'; document.getElementById(obj).style.top = event.clientY + document.body.scrollTop + 'px';
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 var d = new Date(); document.write('현재 년: ' + d.getFullYear() + ' '); document.write('현재 월: ' + (d.getMonth() + 1) + ' '); document.write('현재 일: ' + d.getDate() + ' '); document.write(' '); // 줄바꿈 document.write('현재 시: ' + d.getHours() + ' '); document.write('현재 분: ' + d.getMinutes() + ' '); document.write('현재 초: ' + d.getSeconds() + ' '); document..
1.브라우저에따른 이벤트 검사 (addEventListener, on_mousewheel) 1 2 3 4 5 6 //scroll event; if (window.addEventListener) /** DOMMouseScroll is for mozilla. */ window.addEventListener('DOMMouseScroll', this.wheel, false); /** IE/Opera. */ window.on_mousewheel = document.on_mousewheel = this.wheel; 2. 휠 메서드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 /****************************************************** * wheel *******..
다만들어놓고 브라우저 호환 (특히 IE8이하 버전의호환 문제는 사람을 여러모로 피곤하게 만든다.) 테스트한 브라우저는 - 파이어폭스, 크롬, IE, 오페라. (아래 그림참조) 참고로 사파리는 너무 불안정하게 에러가 떠서 자꾸만 컴이 다운되서 탈락시킴. 해결책으로 제시할 3가지정도의 솔루션은 다음과 같다. 1. IE7,8제외한 모든 브라우저 가능 - addEventListener : 21번 라인으로 2. 제이쿼리를 이용한 모든 브라우저 가능 - keydown / keyup : 53번 라인으로 3. 클래식 자바스크립트로 모든 브라우저 가능 - onkeydown / onkeyup : 65번 라인으로 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24..
데스크탑, 모바일, 태블릿으로 각 디바이스에 맞춰 페이지 처리한것. 결과 값으로 나온것을 switch으로 나누어서 location.href 로 띄웠다. 소스응용 : http://ultteky.egloos.com/ 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96