Javascript – 이벤트 추가

웹 페이지에서 컨트롤이나 Element에 이벤트를 추가하기 위해 Cross-browser를 고려해야 한다. 이럴 때 다음과 같이 코드를 작성하면 되겠다. if (window.addEventListener) { window.addEventListener('click', SomeClass.ClickEventMethod , false); } else { window.attachEvent('onclick', SomeClass.ClickEventMethod ); } 특정 타겟 브라우저로 개발을 하더라도 위와 같이 작업하는 습관은 정말 중요할 것 같다.

  • format_list_bulleted JavaScript
  • · 2009. 5. 8.
  • textsms

스크립트에서 클라이언트 프로그램 실행 시키는 방법

일단 이건 MS IE 전용이라는 가정이 있어야하고 -_ -; 먼저 클라이언트에 "C:\winetc\eMule\emule.exe" 파일(실행파일)이 있다고 가정한다. 보안문제가 발생할 수 있으므로, "신뢰할 수 있는 사이트"에 등록되어 있어야 사용 가능한 스크립트입니다. 작성 HTML 과연 써먹을 구석이 있긴 한걸지 -_ -;; 그래도.. HTA application(MSDN을 찾아보시길;)을 만든다면 써먹지 않을지 생각된다;

  • format_list_bulleted JavaScript
  • · 2009. 2. 17.
  • textsms

[js]브라우저의 오른쪽 상단의 X표시를 누르거나 창을 닫을때 이벤트 잡기!

브라우저 X 버튼 창 닫기 이벤트 잡기 창의 오른쪽 상단의 X표시를 누르거나 창을 닫을때 이벤트 잡기 비밀은 onbeforeunload 이벤트 였군요. 아래와 같은 코드 작성시 창을 닫게 되면 아래의 그림이 나타납니다. Click here to navigate to www.microsoft.com 간단하네요.. 까먹지만 않는다면 ㅎㅎ

  • format_list_bulleted JavaScript
  • · 2009. 1. 5.
  • textsms

DHTML을 빠르게 하는 12가지 튜닝

Faster DHTML in 12 Steps http://msdn2.microsoft.com/en-us/library/ms533019(VS.85).aspx MSDN 에서 빠른 DHTML 제공을 위한 12가지 튜닝에 대한 절차를 문서화한 내용입니다. 영문으로 제공되어 있지만 내용이 꼭 필요한 내용이고 그다지 어렵지 않은 단어로 되어 있어 보기 너무 어렵지는 않을거 같네요..(어렵다면 죄송.. -_ -) 원문의 목차를 보면 다음과 같습니다.(스크랩..) The introduction of Dynamic HTML (DHTML) in Microsoft Internet Explorer 4.0 made available a new programming model to Web authors and developers..

  • format_list_bulleted JavaScript
  • · 2008. 7. 14.
  • textsms

다양한 HTML 소스복사 / 마우스 우클릭 방지 모음

* 프로그래밍하다가 소스 막기가 필요한 곳이 많아 보여서 몇개의 팁을 정리했습니다. 주의할 점은 소스에서 설정을 해 놓아도 HTML내에 Iframe이 있는 경우 Iframe안에 있는 다른 html에는 설정이 안 된다는 점입니다. 그래서 상태바에 링크 주소 막기 같은 경우는 꽁수로 function status_message() { window.status = ""; } setInterval("status_message()",1) 이런 식으로 쓰는 경우도 있습니다. 계속적으로 상태바의 주소글자를 바꿔주는 아주 안 좋은 방식입니다. (그리고 아주 잠깐은 소스가 보입니다. = =;) 아무튼 Iframe, modal 등이 아닌 곳은 다 적용됩니다. 1. 마우스 오른쪽메뉴, 드래그, 선택복사 금지하기 2. 마우스 ..

  • format_list_bulleted JavaScript
  • · 2008. 5. 23.
  • textsms

드래그 드랍(Drag and Drop) 으로 개체의 정보 다루기

http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/overview/DataTransferOverviewEX.htm 드래그 드랍 이벤트에 따라 개체에 데이터를 담아 처리할수 있는 DHTML 예제입니다. 쇼핑몰의 쇼핑카트 등에 이용할 방향이 크네요. 소스 내용은 직접 위 링크를 참조하셔서 확인해 주셔야 할 것 같습니다.

  • format_list_bulleted JavaScript
  • · 2008. 3. 6.
  • textsms