여름나라겨울이야기

이미지 파일을 업로드할 때 확장자를 체크하는 자바스크립트 gif 와 jpg 만 업로드 가능하게... 소스: 이미지 확인 아래는 예제 화면 이미지 확인

iframe 를 사용할 때 걱정은 상하스크롤바가 생긴다는 거다. 며칠 동안의 검색을 통해 iframe 상하사이즈 자동 조절 소스 핵심은 자바스크립이다. (당연한 예기인가?) 자바스크립트 부분과 iframe 에서 호출하는 onload="DYNIFS.resize('iframe 명')" 부분을 잘 보아두자 소스: 아래는 예제 화면

파일 이름만 정확하다면 잘 보일거삼 단, 이미지가 원도우 크기보다 크면 스크롤바는 기본.. 소스:

폼 전송이 일어날 때 ACTION 속성을 무시하고 onSubmit 이벤트를 발생시키기 위한 코드이다. onSubmit 이벤트만을 실행하기 위해서는 ACTION 속성에 값을 할당해서는 안 된다. 그래서 javascript:void%200; 를 사용했다 %20 은 공백에 대한 인코딩한 것이다. 일부 브라우저에서는 action="" 인 경우 경고를 발생시키지만 위와 같이 하면 그런 경고가 발생하지 않는다.

encodeURIComponent() 함수를 이용해서 URL 을 인코딩해보자. 테스트와 소스 그 이상 설명이 필요없을 듯... 테스트: URLEncoded URL 소스: URL Encoded URL

자바스크립트에서의 숫자 판별은 그리 자주 이용하는 기능이 아니라서 늘 잊어먹기만 한다. 기왕 시작한 블러깅이니 머리 속에, 그리고 여기 저기 흩어져 있던 잡학을 모아 보는 거다. isNaN(판별대상) isNaN: is Not a Number 판별대상이 숫자이면 false 를, 숫자가 아니면 true 를 반납한다. 테스트: 자동 판별 (포커스를 벗어나면)수동 판별 (뒤에 버튼을 누르면) 소스: (아래 부분을 클릭하고 Ctrl + A 를 누르면 깔끔하게 선택 완료) 자동 판별 (포커스를 벗어나면) 수동 판별 (뒤에 버튼을 누르면)

자바스크립트에서 replace 를 사용할 때 단순히 replace('a', 'b') 라고 쓰면 맨 처음 나타나는 'a' 만을 'b' 로 단 하나만 바꾸어 준다. 하지만 정규식을 이용한다면 모든 'a' 를 'b' 로 바꾸는 것도 가능하다. replace(/a/gi, 'b') 처럼 말이다. 여기서 a 를 바꾸어질 문자(열), b 는 바뀔 문자(열)가 되겠다. 원한다면 무엇을 바꾸어도 되겠지.. g 의 의미는: 발생할 모든 pattern에 대한 전역 검색 i 의 의미는: 대/소문자 구분 안함 m 의 의미는: 여러 줄 검색(여기서는 사용하지 않았다. 원한다면 하자.) 문자열을 바꾸고 싶다면 문자열을 입력해 주자. 아래 소스는 abc 라는 문자열을 def 라는 문자열로 바꾸어 주는 소스이다. replace(/ab..