웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
링크에 포커스 없애기 II
2002.08.02 15:53
뭐 결론은 아래의 엔카일님과 별로 다를 건 없는데... 제가 예전에 쓰던게 생각나서...
참고하시라구요... 주제는 그냥... "포커스 없애기 이렇게도 할수있다" 입니다.
음 우선 블러링에 대한 HTC (HTML Component) 파일을 정의합니다.
별로 볼것 없는 무쟈게 간단한 소스네요... 자바스크립트를 몰라도 영어만 안다면
대충 어떤 기능을 하는건진 금방 눈에 들어올거에요... 암튼 여기선 /behavior/bluring.htc 로 저장하세요.
<!--
Focus Bluring
steelheart95@msn.com
2001.8.10
-->
<public:component>
<public:attach event="onfocus" onevent="onFocus()" />
<script language="javascript">
<!--
function onFocus()
{
element.blur();
}
-->
</script>
</public:component>
그리고 나서 자신이 쓰는 .css 스타일파일에 다음처럼 한줄만 더 추가해 주세요...
A { behavior: url("/behavior/bluring.htc"); }
그럼 블러링 고민은 끝. 음... 보통 홈페이지 만들면 기본적으로 홈페이지 전체에 쓰일 스타일시트 파일
한두개쯤은 생성하는게 보통이기 때문에 스타일에 한번 정의해두면 블러링은 계속 신경 안 쓰셔도 될것 같은...
IE라면 버전에 상관없이 잘 작동될겁니다.
참고하시라구요... 주제는 그냥... "포커스 없애기 이렇게도 할수있다" 입니다.
음 우선 블러링에 대한 HTC (HTML Component) 파일을 정의합니다.
별로 볼것 없는 무쟈게 간단한 소스네요... 자바스크립트를 몰라도 영어만 안다면
대충 어떤 기능을 하는건진 금방 눈에 들어올거에요... 암튼 여기선 /behavior/bluring.htc 로 저장하세요.
<!--
Focus Bluring
steelheart95@msn.com
2001.8.10
-->
<public:component>
<public:attach event="onfocus" onevent="onFocus()" />
<script language="javascript">
<!--
function onFocus()
{
element.blur();
}
-->
</script>
</public:component>
그리고 나서 자신이 쓰는 .css 스타일파일에 다음처럼 한줄만 더 추가해 주세요...
A { behavior: url("/behavior/bluring.htc"); }
그럼 블러링 고민은 끝. 음... 보통 홈페이지 만들면 기본적으로 홈페이지 전체에 쓰일 스타일시트 파일
한두개쯤은 생성하는게 보통이기 때문에 스타일에 한번 정의해두면 블러링은 계속 신경 안 쓰셔도 될것 같은...
IE라면 버전에 상관없이 잘 작동될겁니다.
댓글 6
-
엔카일
2002.08.02 16:01
-
엔카일
2002.08.02 16:05
괜찮으시다면... HTC에 관한 간단한 강좌 하나 부탁해용; -
steelheart
2002.08.02 22:07
음... 그렇군요... 새로 파일을 더 만들고 하면 귀찮을수도 있겠군요...
제딴에는 어느 쪽이든 편한대로 쓰시라고 생각난김에 한번 올려본 거랍니다.
강좌는... 흠... 제가 설명을 잘 못하는 편이라... 딴엔 열심히 설명한다고 하는데
문제는 남들이 못알아듣는다는 것... 고3때도 담임이 교대 특차내라는거...
가르치는데 소질이 없다고 스스로 판단해서 특차원서 쓴거 찢어버렸던 기억이 -_-;;;
개인홈페이지 만드는 거 끝나면 한번 고려해 보도록 하죠 ^^; -
디아릭스
2002.11.12 17:08
어차피 동일한 css 불러쓴다면 이 방법이 편리하군요.. -
에지
2002.11.24 11:10
이거 안되던데-_-;; -
Kamarila。
2003.02.02 16:39
전 되던데요-ㅁ-
혹시 하나 빼먹고 적으신건 아닌지..
제목 | 글쓴이 | 날짜 |
---|---|---|
Input AccessKey를 이용한 홈페이지 단축키 사용하기 [8] | Juny. | 2003.12.12 |
링크에 마우스 오버 할때 상태표시줄에 원하는 글 뜨게하기 [6] | siche | 2003.11.26 |
IFRAME 삽입 [20] | 박종익 | 2003.10.10 |
해상도에 따라 레이어 위치 바뀌는 것 고정하기 [13] | 김형준 | 2003.10.04 |
마우스 커서에 대해서... [16] | impre | 2003.09.20 |
[동영상] 제로보드의 주요기능들을 적용한 웹사이트 만들기 1-10장 [51] | 비행소년™ | 2003.09.16 |
노프레임 홈페이지에서 상하좌우에 원하지 않는 간격이 생길때... [9] | PHASE | 2003.09.08 |
[동영상] 테이블태그의 쉽고 확실한 이해와 원프레임 만들기 [30] | 비행소년™ | 2003.08.27 |
스크롤바 왼쪽에 위치하도록 하기(문서 뒤집힘 없음) [6] | 행복한고니 | 2003.08.22 |
벅스뮤직 음악을 페이지의 배경 음악으로 깔기 (수정 #1) [31] | 토끼군 | 2003.08.20 |
[re] 벅스뮤직 음악을 페이지의 배경 음악으로 깔기 (간단) [3] | 윤혜성 | 2003.12.26 |
테이블의 세로정렬 [4] | clo | 2003.08.20 |
홈페이지에 배경 음악 항상 흐르게 하기 (숨김프레임) [5] | 마이템플릿 | 2003.08.13 |
[나모] iframe창에서 다른 iframe창으로 링크걸기, 전체창으로 링크하기 [1] | 김병희 | 2003.08.06 |
<TD>에 스크롤바 생성하기!! [12] | millth | 2003.08.04 |
이미지2장으로 홈페이지만들기 2탄 [3] | Conz | 2003.08.01 |
이미지2장으로 홈페이지만들기 [5] | Conz | 2003.08.01 |
노프레임 홈만들기 (3) - 서브 페이지 만들고 제로보드에 적용하기 [27] | @kihwa | 2003.07.26 |
노프레임 홈만들기 (2) - 로그인, 최근게시물 설치 [31] | @kihwa | 2003.07.26 |
홈제작에 있어 가장중요한 "경로지정의 이해" 1편 입니다. [5] | 김수한 | 2003.07.25 |
새로 파일 하나를 만들어야 한다는게 좀 부담스럽더군요...