메모하는습관

Item Example Comment IE [if IE] The string "IE" is a feature corresponding to the version of Internet Explorer used to view the Web page. value [if IE 7] An integer or floating point numeral corresponding to the version of the browser. Returns a Boolean value of true if the version number matches the browser version. For more information, see Version Vectors. WindowsEdition [if WindowsEdition] I..

메시지 박스 같은 것을 만들다 보면 문자열의 길이가 일정하지 않다. 보통의 html tag들은 height는 내용에 따라 늘어나지만 width는 대부분 그렇지 않다. 그래서 문자열의 width를 구하는 방법을 생각해보던 중 그럴싸한 트릭을 생각해냈다. 우선 간단하게 설명을 하면 span tag는 문자열 만큼 width가 늘어나므로 span tag를 이용하여 문자열의 width를 구하면 된다. 1. span tag의 position: absolute로 설정 한다. 2. span tag의 좌표를 화면에 보이지 않는 좌표로 잡는다 (예를 들면 top: -10000 또는 left: -10000) 3. 폰트와 같이 width에 영향을 미치는 style들도 감안한다. 4. span tag에 문자열을 넣는다. 5. ..

참고 URL 기본 사항 - http://code.google.com/intl/ko-KR/apis/maps/documentation/javascript/basics.html 지오 코딩 - http://code.google.com/intl/ko-KR/apis/maps/documentation/javascript/services.html#GeocodingRequests 컨트롤러 및 네비게이션 - http://code.google.com/intl/ko-KR/apis/maps/documentation/javascript/controls.html 데모 (simple) 코드

http://code.google.com/apis/ajax/playground/

function clickButton(e) { var obj = e.srcElement? e.srcElement : e.target; alert(obj); } 위와 같은 방법으로 하면 IE는 물론 Firefox, Safari, Opera등의 Browser에서도 사용 가능 하다.

// safari, crhome, firefox, opera var w = window.innerWidth; var h = window.innerHeight; // IE 6+ var w = document.documentElement.clientWidth; var h = document.documentElement.clientHeight;

먼저 xml 파일을 로드 하는것 부터 알아보자. 아래와 같이 로드 하는 방법이 있는데 IE에서는 잘되지만 파이어폭스, 크롬, 오페라, 사파리 에서는 잘 되지 않았다. 내가 뭔가를 잘 몰라서 그러는듯 하다. 지금까지 IE에서만 작업을 해오다 보니 타 브라우져에서는 어떻게 되는질 모르겠다. var xmldom = null; if(window.ActiveXObject) { xmldom = new ActiveXObject("Microsoft.XMLDOM"); alert(this._xmlDom); } else if(document.implementation && document.implementation.createDocument) { xmldom = document.implementation.createDocu..

html 태그에 없는 속성을 정하여 그 값을 읽어 보는 javascript 알아보도록 하자. 말이 맞는지는 모르겠으나 사용자 저으이 속성이라고 명명 한다. 예를 들어 내용이란 html 이 있다고 해보자. 물론 test="테스트" 값은 원래는 없는 속성이다. 저 속성 값을 읽어 오는 javascript 예제를 작성 해보도록 하자. 아래와 같이 코드를 작성하면 IE에서는 "테스트" 라는 값이 출력 된다. 하지만 파이어폭스, 크롬, 사파리, 오레파 등이 브라우져에서는 출력 되지 않는다. alert(document.getElementById("test").test); 나마지 브라우져에서도 사용자 정의 속성 값을 출력 할려면 아래와 같이 하면 된다. alert(document.getElementById("test..

내가 지금까지 웹개발을 하면서 가장 많이 사용하는 javascript 함수 모음 파일이다. prototype을 적극 활용하여 javascript 내장 객체를 확장 했거나 새로운 객채를 만들어 놓은 것이다. Exceptions.js 파일은 나 나름대로의 오류 객체를 만들어 놓은것이다 (딸랑 2개 밖게 없긴 하지만 ;;;) ObjectExpansion.js 파일은 내장객체인 String나 Date등에 메소드를 추가하고 새로운 객체를 구현 했다. (두 파일은 한 세트로 사용해야 된다.) 파일의 내용물을 간단하게 설명 하자면 (Exceptions.js 파일은 정말 별게 없기 때문에 패스 하도록 한다.) ObjectExpansion.js 내장 객체 확장 String 객체 - 문자열의 byte수를 반환한다던가 tr..

javascript 에서의 사용자 정의 오류를 사용하는 방법에 대해서 소개 하겠다. 사용자 정의 오류를 사용하기 위해서는 Error 객처를 사용하면 된다. 그렇다면 Error 객체에 대해서 간략하게 알아 보도록 하자. Error 객체 설명 : 오류에 대한 정보를 포함 한다. 인수 - number : 선택적 요소. 오류에 할당되는 숫자 값이다. 생략하면 0이 할당 된다. - description : 선택적 요소. 오류를 설명하는 짧은 문자열. 생략하면 빈 문자열이 할당 된다. IE에서 스크립트 오류를 발생 시키는 간단한 예제 코드를 보자. function errorTest() { throw new Error(0, "오류발생"); } errorTest(); 위 코드와 같이 하면 errorTest() 함수를 ..

javascript에 보면 prototype이라는 것이 있다 과연 이것은 언제 사용 하는 것일까? 이미 아시는 분들은 다들 아실 테지만 모르시는 분들을 위해 간략하게 끄적여 볼려구 한다. 나는 주로 객체 확장용으로 사용하거나 새로은 객체를 만들기 위해 사용한다. 예를 들어 javascript에는 String이라는 객체가 있다. String의 값을 앞뒤 공백을 제거 하기 위해 보통의 경우에는 trim 함수를 만들어 사용 했을 것이다. function trim(str) { str = str.replace(/(^\s*)/g, ""); return str.replace(/(\s*$)/g, ""); } 위와 같이 함수를 만들어서 사용할수도 있지만 prototype를 이용하여 String 객체에 trim함수를 추가..