이준빈은 호박머리

자바스크립트(javascript)로 CapsLock 상태를 체크하는 방법입니다. function capsLock(e){ var keyCode = 0; var shiftKey=false; keyCode=e.keyCode; shiftKey=e.shiftKey; if (((keyCode >= 65 && keyCode = 97 && keyCode

자바스크립트에서 console.log 사용 시 발생하는 오류 관련(console is undefined in IE8) 자바스크립트 소스에서 console.log로 로그를 출력할 시 'console' 이(가) 정의되지 않았습니다.라는 에러가 발생할 경우 대처 방법입니다.이 에러는 IE8 이하 버전에서 발생합니다.웹사이트 배포 시 console과 관련된 구문은 주석처리 혹은 삭제하고 배포하시기 바랍니다. 테스트해 본 결과 크롬, IE9 이상 버전에서는 정상적으로 잘 작동합니다.개발자 도구가 없거나 IE8 이하 버전일 경우 아래와 같은 오류가 발생합니다. 오류발생 대처방법console.log 소스 윗 부분에 var console = window.console || {log:function(){}}; 구문을 추..

자바스크립트로 브라우저의 팝업 차단 기능을 감지하여 판별 후 알림 메세지를 출력하는 함수입니다. 인터넷 익스플로러(Internet Explorer)와 크롬(chrome)에서 테스트했습니다. (Javascript function for popup blocker detection in IE, Chrome) 원리는 먼저 팝업을 띄우는 window.open() 함수를 변수에 담아 변수의 값이 null일 경우 팝업차단 기능이 설정되어 있다고 판별하는 원리입니다. 판별은 가능하지만 단점은.. 페이지 로딩과 동시에 팝업 차단 기능을 판별하게 된다면 팝업 차단 기능이 설정되어 있지 않았을 경우 무조건 팝업창이 window.open에 의해 출력됩니다. 그래서 소스 마지막 부분에 팝업창이 떠있으면 window.close(..

자바스크립트(Javascript) 풍선도움말 예제입니다. 마우스오버(onMouseOver) 시 풍선도움말이 나타나고 마우스아웃(onMouseOut) 시 사라집니다. 마우스 커서가 이동할때(onMouseMove) 풍선도움말은 커서를 따라다닙니다. 예제소스 이준빈은 호박머리 풍선도움말 예제 이준빈은 호박머리 풍선도움말 예제 실행결과

IE6, IE7에서 자바스크립트 JSON 관련 오류가 발생할 경우 해결방법 IE8 이상 버전부터는 자체적으로 지원하는 메소드이지만IE6, IE7에서는 해당 메소드를 사용 시 "JSON 이(가) 정의되지 않았습니다." 라는 에러 메세지가 발생합니다. 해결방법은 아래의 json2.js 파일을 다운로드 받아 참조시켜 주어야 합니다. json2.js 다운로드 : https://github.com/douglascrockford/JSON-js JS 파일을 다운로드 후 아래와 같은 형식으로 참조합니다. JSON.parse(text, reviver)JSON.parse(text, function (key, value){});이와 같은 방법으로 json 형식으로 불러온 후 변수에 저장하여 사용하시면됩니다.아래 URL에 사..

자바스크립트(javascript)로 현재시간을 실시간으로 출력하는 간단한 예제입니다. setInterval 함수를 사용하여 1초에 한번씩 dpTime()함수를 실행하여 실시간으로 현재 시간을 출력하는 예제입니다.

자바스크립트 확인/취소 창 띄우기 예제입니다. (Javascript confirm) 버튼 클릭 시 확인창을 띄운 후 확인 / 취소에 따라 if문으로 나누어 이벤트를 처리할 수 있습니다. 예제소스 실행화면

1. 팝업창 띄우는 방법 열려라 팝업창! 2. 팝업창 띄울때 옵션(option) 종류 yes나 no로 지정하면 됩니다.toolbar = 상단 도구창 출력 여부 menubar = 상단 메뉴 출력 여부location = 메뉴아이콘 출력 여부directories = 제목 표시줄 출력 여부status = 하단의 상태바 출력 여부scrollbars = 스크롤바 사용 여부resizable = 팝업창의 사이즈 변경 가능 여부 사이즈 정의(픽셀 px)width = 팝업창의 가로 길이 설정height = 팝업창의 세로 길이 설정top = 팝업창이 뜨는 위치(화면 위에서부터의 거리 지정)left = 팝업창이 뜨는 위치(화면 왼쪽에서부터의 거리 지정) 실행화면

자바스크립트(javascript) 파일업로드 시 이미지 미리보기 기능(javascript image preview before upload) 아래 소스 중 IE일때 미리보기 기능은 IE8 이하에서만 적용이됩니다.IE9, IE10에서는 작동을 하지 않고 액세스가 거부되었습니다. 라는 에러가 발생합니다.MS에서 보안적인 이유로 createRange()를 사용 중지시켜 IE9나 IE10에서는 작동하지 않습니다.IE9이상 버전에서 미리보기를 구현하려할 때 아래의 소스는 버전별 호환성에 적합하지 않으므로다른 방법으로 개발하시길 추천합니다. 실행화면

XMLHTTP 구현 시 IE에서는 정상 작동이 되는데 크롬에서 오류가 발생할 경우가 있습니다. 아래의 소스를 참고하여 검토를 해보시기 바랍니다. IE일 경우와 IE가 아닐 경우로 분기한 후 대소문자 구분에 중점을 두고 검토하시면 크롬에서도 XMLHTTP를 문제 없이 사용할 수 있습니다. 주의할 점은 xmlHttp.open과 send를 소문자로 하셔야합니다.첫글자 대문자로 할 경우 IE에서만 작동합니다. var xmlHttp=null; if(window.ActiveXObject) { //IE xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest) { //IE가 아닐경우 xmlHttp = new XMLHttpRequ..

자바스크립트 디버깅(javascript debugging) 방법입니다. 개발자 도구를 사용하여 디버깅하는 방법입니다.아래 예제는 인터넷 익스플로러의 개발자 도구를 사용했습니다.크롬(chrome)에도 개발자 도구가 존재합니다. 디버깅 방법은 동일합니다. 그림이 작아서 잘 안보이면 클릭 시 원본 사진이 보입니다. 1. 개발중인 웹페이지로 접근합니다. 2. F12 키를 누르면 개발자도구(Developer Tools) 창이 뜹니다. 스크립트 항목 탭으로 이동 후 디버깅 시작 버튼을 클릭합니다. 3. 자바스크립트에 오류가 발생한 부분에서 실행이 일시정지되고 어느부분에서 오류가 발생했는지 정보가 출력됩니다. ※ alert가 alret로 오타가 발생하여 자바스크립트 에러가 있었습니다.

innerHTML 사용 방법입니다.body태그 안에서 div로 innerHTML을 적용할 영역을 지정하고.버튼 클릭 시 지정한 영역에 HTML 코드를 삽입하는 소스입니다.

자바스크립트 아작스(Javascript ajax) 통신에 관련된 내용입니다. 아작스, 에이잭스 이렇게 두개의 발음으로 사용하시는데 저는 에이잭스라고 사용합니다. 파일이 2개가 존재하는 상황에서 파일1에서 파일2로 요청값을 보낸 후 리턴값을 파일1에서 출력하는 내용입니다.내부적으로 통신하여 실제로 브라우저에서는 페이지 이동이 이루어지지 않습니다.결과적으로 test1.asp를 실행하면 alert창에 "일 이 삼" 이라는 값이 출력됩니다.※ 필요한 소스는 javascript단에서 사용하는 소스이므로 꼭 asp에서만 사용하는 소스가 아닙니다. test1.asp test2.asp