JavaScript

JQuery를 이용한 둥근 테두리 테이블 만들기

웹눈 님의 Round Table 소스를 JQuery를 이용하는 소스로 수정해봤습니다. JQuery를 요 몇일 보고 있는데, 재미있네요.. 이제 막 시작한 단계로 더 깔끔하게 다듬을 수 있을 것도 같은데.. 아직은 내공이 부족하네요. 좋은 방법 있으면 공유 해주시면 고맙겠습니다. 테스트입니다 [ 참고 ] Javascript로 테두리가 둥근 테이블 만들기 TAEYO.NET의 JQuery 강좌 jquery.com

한글변환기

영어 상태로 입력된 문장을 한글로 변환 해주는 Javascript 함수를 만들어 봤다. 나중에 지를(ㅡㅡ;) 아이팟 터치에서 한글 입력 기능이 없단다. 떠도는 얘기를 들어보니 별도 SDK가 없이 javascript로 개발을 한다고 해서 자료를 찾아보지도 않고 무작정 코딩부터 했다. 흐흐.. 테스트는 http://newtype.myi.cc/tools/hangle.html http://panghosting.net/~newtype/tools/hangle.html http://host.newtype.pe.kr/tools/hangle.html 여기서 해보면 된다. 테스트는 IE6, IE7, FF2 에서 해보았다. 스크립트 용량을 줄여보겠다고 바둥바둥했는데.. 그래도 2KB (1,971 바이트) 란다. 발로 코딩하..

GoogleGear Sample source

얼마전 구글에서 GoogleGear라는 것을 배포 했다. 처음엔 어떤것인지도 몰랐는데.. 최근에 알게된 사실로는 오프라인에서도 웹서핑을 도와준다고 한다. 자세히 내용을 살표보니 SQLite를 이용해 웹에 있는 자료들을 미리 읽어들어 저장해 두고, 오프라인 일 때도 써먹는 다는 내용이였다. 사실, IE의 "오프라인으로 작업"등 비슷한 기능은 이미 있었다. 하지만, 역시 구글이다. 개발자들이 편하게 접근할 수 있도록 GoogleGear API를 열어두었다. 그럼, 코드로 만나보자. 1. GoogleGear를 사용하기 위해서는 먼저 설치가 되어있어야 한다. 처음 발표되었을때, 뭔지도 모르고 미리 설치는 해두었다 ^^; 2. gears_init.js 파일을 html안에 포함 해야한다. gears_init.js ..

간단한 Ajax Sample 코드

먼저 파일 구조를 설명하면.. 전체 파일 구성은 아래와 같습니다. - ./index.php : XMLHttpRequest를 이용 정보를 요청 - ./list.php : ./sheet/ 서브 디렉토리에서 skin파일과 db파일을 읽어서 보여줌 - ./sheet/*.html : skin 파일 - ./sheet/*.txt: csv형식의 db파일 중요 부분을 설명하겠습니다. 먼저 index.php파일을 보면.. if (window.XMLHttpRequest) { HTTPRequestObject = new XMLHttpRequest(); } else if (window.ActiveXObject) { HTTPRequestObject = new ActiveXObject("Microsoft.XMLHTTP"); } 여기..

6. 구글맵 API를 이용한 간단한 예제

이제까지 정리한 구글맵 API와 마우스 위치 얻는 방법을 이용해 간단한 예제를 하나 만들어 보자 예제의 전체 소스는 아래와 같다. =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= [CODE type=javascript] 집 : 의정부 직장 : 윈컴 파견 : 필링크 [/CODE] =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 이제까지의 내용을 기본으로 한 소스이기 때문에 내용이 어렵지 않을 것이다. 소스에 대한 별도의 설명을 하지 않겠다. 실행 결과는 아래와 같다. 최초 화면은 아래와 같다. MAP이라는 이미지 위에 마우스를 올려 놓은 결..

자스크립트로 마우스 위치 얻기(IE, FF)

자바스크립트를 사용해 마우스 좌표를 얻고자 한다. 마우스 좌표를 얻기 위해서는 이벤트 객체를 이용해야 하는데, Internet Explorer(이하 IE)와 Firefox(이하 FF)가 이벤트 객체를 이용하는 방법이 서로 틀리다. IE의 경우를 먼저 살펴 보자. Mouse Pointer Over 이것이 IE에서 마우스 위치를 얻는 전체 소스 이다. 먼저, 움직임을 감지할 영역 captureObj를 잡는다. 이 영역에 마우스가 올라가면 captureObj의 setCapture() 메소드를 이용해 마우스 위치 추적을 시작한다. 이 영역에서 마우스가 빠져나가면 releaseCapture() 메소드를 이용해 마우스 위치 추적을 종료 한다. 마우스의 좌표는 event객체의 x, y를 이용해 얻을 수 있다. FF의..