Identity 2.0

http://identity20.com/media/OSCON2005/ Dick Hardt 의 Identity 2.0 에 대한 강연 내용입니다. 정말 유명한 내용이죠. 간만에 서핑중에 링크를 발견해서 이곳에 가져옵니다. 언제 봐도 멋진 강연이네요 ^ ^

• format_list_bulleted Development/Web
• · 2009. 8. 4.
• textsms

Javascript : Microsoft OS & Internet Explorer Agent Check

Web 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..

• format_list_bulleted Development/Web
• · 2009. 7. 20.
• textsms

Javascript – 이벤트 추가

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

• format_list_bulleted Development/Web
• · 2009. 5. 8.
• textsms

How to set css style on disabled FORM INPUT Tag

잘 모르던 내용인데 Google Chrome 내에 있는 라이브러리를 보다가 알게 되었네요. textarea:disabled, input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled { background-color: #EBEBE4; } 위와 같이 테그에 type 속성을 xpath 잡는 방식으로 잡네요. 그리고 그 뒤의 다른 속성 지정방식은 일반 CSS에서 하는 방식과 같으니 중요하진 않네요 ㅎㅎ 모르셨던 분들은 메모해두시길 ^ ^

• format_list_bulleted Development/Web
• · 2009. 3. 12.
• textsms

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

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

• format_list_bulleted Development/Web
• · 2009. 2. 17.
• textsms

CSS 범위 넘어가는 글자에 자동으로 ... 붙이는 방법

일단 핵심적인 내용을 먼저 하면 1. 문자열을 출력하는 영역에 너비(width)가 고정되어야 합니다. 2. 문자열의 넘어서는 부분을 생략(ellipsis)하고, 다른 넘어서는 부분은 안보이게(hidden) 처리합니다. 예를들어 다음과 같은 코드를 실행해보면 이해하시는데 빠를거에요 ^ ^ aaaaaaaaaaaaaaaaaaaaaaaaaaaaa 결과는 다음과 같이 ... 문자가 붙어 나타나죠 ^ ^

• format_list_bulleted Development/Web
• · 2009. 2. 9.
• textsms

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

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

• format_list_bulleted Development/Web
• · 2009. 1. 5.
• textsms