Form에서 사용되는 Element들 대부분, 그리고 몇몇 Element 들은 Focus라는

Method를 갖고 있습니다.

용어가 어려웠군요. 라디오버튼이나 텍스트 입력창과 같은 것들이나 그 외의

다른 태그들도 다들 Focus라는 기능을 갖고 있습니다. Focus라는 기능이 뭐냐고요?

말 그대로 그 녀석에게 초점을 맞추도록 하는 건데요.

가끔씩 몇몇 사이트에서 글을 쓰거나 입력을 할 경우에, 필수요소가 빠졌다면서

경고를 낸 후에 자동으로 빠진 부분에 커서를 위치시키는 게 있을 겁니다. 그렇게

자동으로 커서 혹은 화면의 중심에 위치시켜주는 걸 Focus 기능이라고 합니다.

예를 들어서 <INPUT TYPE="TEXT" NAME="test"> 라고 하나를 넣었을 때에 저 태그는

test라는 이름을 갖고 있게 됩니다.

그럼 저 입력 창에 자동으로 Focusing을 주는 방법은?

아래 스크립트를 적절한 위치에 삽입하면 됩니다.

<Script>
document.test.focus()
</Script>

하지만 보통 스크립트를 쓰는 것이 만만치 않은 경우가 있는데, 그중에서 가장 귀찮은

건 원하는 대상을 정확하게 가르쳐주는 일인데, 조금만 틀려도 '그런 오브젝트 없어'

라면서 징징대는 자바스크립트를 보면 열통 터지죠.

최근에 깅수는 getElementByID 라는 걸 꽤나 좋아합니다. ID를 정확하게 지정해주면

비교적 대상을 잘 찾거든요.

Focusing을 주고자 하는 대상에 ID=Test 붙이고는...

<Script>
document.getElementByID("Test").focus()
</Script>

하니 비교적 잘 찾더라구요.

그리고 저렇게 <Script></Script>를 중간중간 삽입하기도 좋지만, 함수로 선언해서

아무 데서나 호출하는 것도 좋은 방법이겠죠.

<HEADgt;</HEADgt; 사이에 아래와 같이 삽입하고는

<Script>
function focusing()
{
     document.getElementByID("Test").focus()
}
</Script>

라고 해놓고는 이제 아무 데서나 호출하면 됩니다.

onClick, onFocus, onChange, onSubmit 등등의 각종 이벤트에 슬쩍 끼워놓으면

되는 거죠.

<IMG src="/main.gif" onClick="focusing()">

이런 식으로요.

Photo Gallery 쪽에 Focusing을 강제로 주고자 하는 것도 간단하죠. Photo Gallery

같은 경우에는 LomoOn(사진번호) 라는 자바스크립트 함수를 쓰는데요,

function LomoOn(no)
{
}

안에 포커싱 주는 부분을 넣어주면 되겠지요.

그럼...