팝업 정중앙으로~

이유야 어찌 되었던 간에 정중앙으로 팝업을 띄우고 싶을때가 있을 것이다.

screen.availWidth = 시스템 스크린의 너비를 픽셀단위로 반환
screen.availHeight = 시스템 스크린의 높이를 픽셀단위로 반환

cnjOpen(url, n, w, h, s)
url = 팝업 URL
n = 팝업 창 이름
w = 팝업 창 너비 값
h = 팝업 창 높이 값
s = 팝업 스크롤 여부

시스템 스크린 너비에서 팝업 너비를 빼고 2로 나눈 값을 left 값에 대입 한다. 높이 역시 마찬가지다.
그럼 정중앙~

이미지 롤오버

보통 버튼에 많이 쓰는 이미지 롤오버.
조금은 역동적으로 표현? 살아있는 듯한 표현? 강조의 표현?
아무튼 의도가 어떻게 되었던 간에 이미지 객체에 onmouseover, onmouseout 이벤트로 이미지 경로를 삭삭~ 바꿔주면 된다.

기본적인 이미지 롤오버 스크립트다.
여기서 this 란. 해당 객체를 말하는 것이다. 즉, 지금 이 이미지 인 것이다. 이 놈의 src 경로를 바꿔 주는 것이다.

함수로 만들어 보았다.
위와 같이 쓰려면 오버되었을때의 이미지를 이름을 끝에 _over 라는 놈을 꼭 넣어야 한다.

숫자 혹은 특수문자 제어 폼

이런 저런 폼에 특수문자를 제외 한다든지.. 아니면 숫자만 받아야 한다든지 할때 스크립트이다.

var strCheck1 = /[^0-9]/;
이놈이 정규식이라는 놈이다. 0-9 까지의 문자를 표현 한 것이다.
만약 숫자가 아닌 놈이 들어 가면 해당 input을 지우고 포커스를 맞춘다.

var strCheck2 = /[^a-zA-Z0-9_]/;
모든 문자를 나타낸 것이다. 하지만 앞에 ^ 이놈은 NOT 이다.
고로 저놈들을 제외한 문자는 특수 문자인 것이다.
이것 역시 특수문자가 들어 갔을때 해당 input을 지우고 포커스를 맞춘다.