javascript
Javascript : Microsoft OS & Internet Explorer Agent Check
Javascript : Microsoft OS & Internet Explorer Agent Check
2009.07.20Web Page에서 브라우저와 OS에 따라 다른 조치를 해야 하는 경우가 있습니다. 그래서 브라우저에서 받아올 수 있는 User Agent 값을 분석해서 이에 이용하게 되죠. 다음과 같이 값을 체크하는 부분을 공통으로 작성하여 가져다가 쓰면 좋을 것 같네요. 테스트 페이지(Test page): BrowserTest.html 결과(Result ): osver = 5.2 major = 4 nav = false nav2 = false nav3 = false nav4 = false nav6 = false nav6up = false nav7up = false ie = true aol = false iever = 7 verIEFull = 7 ie3 = false ie4 = true ie4up = true ie5up..
Javascript – 이벤트 추가
Javascript – 이벤트 추가
2009.05.08웹 페이지에서 컨트롤이나 Element에 이벤트를 추가하기 위해 Cross-browser를 고려해야 한다. 이럴 때 다음과 같이 코드를 작성하면 되겠다. if (window.addEventListener) { window.addEventListener('click', SomeClass.ClickEventMethod , false); } else { window.attachEvent('onclick', SomeClass.ClickEventMethod ); } 특정 타겟 브라우저로 개발을 하더라도 위와 같이 작업하는 습관은 정말 중요할 것 같다.
Silverlight - Access managed code form javascript
Silverlight - Access managed code form javascript
2009.05.05실버라이트로 자바스크립트와 통신할 때 이용할 수 있다. 실버라이트와 페이지 사이에 동적 데이터를 주고 받을 때 사용하면 좋을듯... 1. 메소드 생성 [ScriptableMember] Public void Search(string name) {…} 2. 등록 HtmlPage.RegisterScriptableObject("entry", this); 3. 엘레먼트에 등록 Var control = document.getElementById("id"); control.Content.Entrypoint…
스크립트에서 클라이언트 프로그램 실행 시키는 방법
스크립트에서 클라이언트 프로그램 실행 시키는 방법
2009.02.17일단 이건 MS IE 전용이라는 가정이 있어야하고 -_ -; 먼저 클라이언트에 "C:\winetc\eMule\emule.exe" 파일(실행파일)이 있다고 가정한다. 보안문제가 발생할 수 있으므로, "신뢰할 수 있는 사이트"에 등록되어 있어야 사용 가능한 스크립트입니다. 작성 HTML 과연 써먹을 구석이 있긴 한걸지 -_ -;; 그래도.. HTA application(MSDN을 찾아보시길;)을 만든다면 써먹지 않을지 생각된다;
[js]브라우저의 오른쪽 상단의 X표시를 누르거나 창을 닫을때 이벤트 잡기!
[js]브라우저의 오른쪽 상단의 X표시를 누르거나 창을 닫을때 이벤트 잡기!
2009.01.05브라우저 X 버튼 창 닫기 이벤트 잡기 창의 오른쪽 상단의 X표시를 누르거나 창을 닫을때 이벤트 잡기 비밀은 onbeforeunload 이벤트 였군요. 아래와 같은 코드 작성시 창을 닫게 되면 아래의 그림이 나타납니다. Click here to navigate to www.microsoft.com 간단하네요.. 까먹지만 않는다면 ㅎㅎ
DHTML을 빠르게 하는 12가지 튜닝
DHTML을 빠르게 하는 12가지 튜닝
2008.07.14Faster 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..
Programming Silverlight with JavaScript
Programming Silverlight with JavaScript
2008.05.28Adobe Flash가 성공하기 시작한 배경은 Flash에서 웹 페이지와 통신이 가능하던 시기부터 이다. SilverLight에서도 Flash의 역사와 마찬가지로 Javascript를 통한 통신으로 Rich Web Application으로 자리 매김하기 위한 기반 기술을 제공한다. 현재 회사(가온아이, Kaoni) 내에서도 SilverLight를 이용하여 개발을 시작하고 있고, 현재 본인이 속해있는 팀에서 SilverLight를 이용하는 방법을 활발히 연구중이다. 다음과 같이 아래 링크를 통해 SilverLight와 JavaScript와의 연동을 처리하는 예제를 한번 보도록 하자. http://msdn.microsoft.com/en-us/library/cc500344.aspx 원문 내용 In this c..
다양한 HTML 소스복사 / 마우스 우클릭 방지 모음
다양한 HTML 소스복사 / 마우스 우클릭 방지 모음
2008.05.23* 프로그래밍하다가 소스 막기가 필요한 곳이 많아 보여서 몇개의 팁을 정리했습니다. 주의할 점은 소스에서 설정을 해 놓아도 HTML내에 Iframe이 있는 경우 Iframe안에 있는 다른 html에는 설정이 안 된다는 점입니다. 그래서 상태바에 링크 주소 막기 같은 경우는 꽁수로 function status_message() { window.status = ""; } setInterval("status_message()",1) 이런 식으로 쓰는 경우도 있습니다. 계속적으로 상태바의 주소글자를 바꿔주는 아주 안 좋은 방식입니다. (그리고 아주 잠깐은 소스가 보입니다. = =;) 아무튼 Iframe, modal 등이 아닌 곳은 다 적용됩니다. 1. 마우스 오른쪽메뉴, 드래그, 선택복사 금지하기 2. 마우스 ..
드래그 드랍(Drag and Drop) 으로 개체의 정보 다루기
드래그 드랍(Drag and Drop) 으로 개체의 정보 다루기
2008.03.06http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/overview/DataTransferOverviewEX.htm 드래그 드랍 이벤트에 따라 개체에 데이터를 담아 처리할수 있는 DHTML 예제입니다. 쇼핑몰의 쇼핑카트 등에 이용할 방향이 크네요. 소스 내용은 직접 위 링크를 참조하셔서 확인해 주셔야 할 것 같습니다.
JavaScript Obejct 형식의 데이터를 덤프하여 내용 보기
JavaScript Obejct 형식의 데이터를 덤프하여 내용 보기
2008.02.12JavaScript의 Object 형식의 데이터는 내용을 보기 쉽지 않아 별도의 디버깅 툴을 이용하여 내용을 확인하게 됩니다. 급할때 다음과 같이 Objec 데이터를 덤프해주는 함수를 추가하여 내용이 무엇이 들었는지 확인하는 방법도 괜찮을 것 같네요. ^ ^ 아래는 자바스크립트(JavaScript) 소스입니다. 99 소스에서 보시다시피 위에는 dumpObj()에 대한 선언이 있고 아래 간단히 테스트로 var object1 을 배열로 선언해 1~4까지 각각 값을 할당하고, 배열 안의 값을 출력하는 내용입니다. 출력 할 때에는 출력내용이 줄단위로 표현되는 것을 제대로 보여주기 위헤 'pre' 테그로 감쌌습니다. 예상대로 결과는 다음과 같이 나옵니다. object 0: 1 1: 2 2: 3 3: 4 참고 : ..
innerHTML 을 사용할 때 속도를 위한 주의사항
innerHTML 을 사용할 때 속도를 위한 주의사항
2008.02.01당연히 알고 있을 내용이지만.. 아래 소스를 일단 분석해보면 1. 첫번째 붉은 코드는 div테그의 innerHTML에 직접 문자열을 추가해 나가고있고, 2. 두번째 붉은 코드는 먼저 문자열을 변수에 더해 담고, 전부 완료된 후 한번에 innerHTML에 넣고 있다. innerHTML은 화면에 표시되는 브라우져 출력 버퍼에 내용이 보내지게 되는 Property(속성) 값이라 I/O 처리가 들어가게된다. 때문에 메모리에서 처리한 후 단 한번의 브라우져 출력 버퍼로 I/O를 수행하는 2번째 코드가 훨씬 빠른 성능을 낼 수 있다. 그러므로 반복구문(for, while)에 innerHTML에 값을 넣는 실수는 하지 않도록 하자. 예제 page. http://samples.msdn.microsoft.com/work..
IE 6에서 나타나는 배경이미지 깜빡임 현상 수정
IE 6에서 나타나는 배경이미지 깜빡임 현상 수정
2008.01.28(자바스크립트를 통해서 처리하지만 CSS 관련된 내용과 가깝지 않은가 생각되어 CSS 카테고리에 옮겼습니다.) 먼저 두서없이 내용을 보시면 이해가 가지 않으실지 모르니... 다음 글을 읽어보시고 링크 : 배경 이미지 깜박거림(Background Image Flicker) 및 배경이미지의 반복적인 다운로드 문제에 대하여 이에 대한 해결책으로 아래와 같은 코드를 사용하는구나 하는정도로 이해하시면 되겠네요 ~ ^ ^ try { // IE only document.execCommand('BackgroundImageCache', false, true); } catch(e) { }