웹사이트 관련 팁들을 모아놓은 곳입니다. 좋은팁 공유 합시다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 186

24

조회 수 : 3662 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25

링크 클릭시(정확히 말하면 포커스될때) 생기는 점선 테두리를 없애는 작업을 간단히(?) 해주는 스크립트 입니다.

쓰는 방법은 두가지 입니다.


1. HTML 문서 맨 하단에 삽입하기 (제홈에 사용하는 소스)

<SCRIPT LANGUAGE="JavaScript">
var myAnchors=document.all.tags("A");
for (i=0;i<myAnchors.length;i++)
{
myAnchors[i].onfocus=new Function("myAnchors["+i+"].blur()");
}
</SCRIPT>

2. HTML 문서 <head></head>안에 삽입하기

<SCRIPT LANGUAGE="JavaScript">
var myAnchors=document.all.tags("A");
function allBlur()
{
for (i=0;i<myAnchors.length;i++)
{
myAnchors[i].onfocus=new Function("myAnchors["+i+"].blur()");
}
}
</SCRIPT>

둘중에 편한대로 하시면 됩니다.

간단히 설명하자면

var myAnchors=document.all.tags("A"); // HTML 의 모든 요소중 "A"라는 태그가 쓰인
요소들이 모인 컬렉션을 반환합니다
(컬렉션이란, 다수의 요소(또는 객체)를 가지고있는 집합. -편하게 배열을 생각하시면 됩니다-)

myAnchors[i].onfocus=new Function("myAnchors["+i+"].blur()"); //0부터 1씩 증가되는 각각 i 값마다
그에 해당하는 "A"태그 요소들에게 이벤트 핸들러를 설정해주고
그리고 이벤트 발생시 해당 요소의 .blur() 메소드를 실행시킨다고 설정해줍니다.

출처: 제로보드

profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/webtip/13973/901/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

댓글 '2'

profile
title: [ani]깜빡이는 표정빽짱구 (13974)

2004.04.18 03:58:29

작성자
저같은 경우는 html문서 맨 하단에 추가를 시켰는데, 노프레임홈에서 head파일과 foot파일을 만들어서 게시판에 적용시킬려면, foot파일 맨하단에 추가 시키면 게시판에도 적용이 됩니다.
profile
title: [ani]깜빡이는 표정빽짱구 (13975)

2006.03.12 19:05:43

작성자
또다른 방법으로는 와사이에 아래소스를 삽입


List of Articles
번호 제목 글쓴이 날짜 추천 수sort 조회 수
166 seo 점수 알아보는 곳이라네요. title: [ani]깜빡이는 표정빽짱구 2018-10-11   223
165 무단링크 .htaccess에서 막기 [1] title: [ani]깜빡이는 표정빽짱구 2010-12-08   5283
164 모바일 환경에서의 마크업 개발 이슈 title: [ani]깜빡이는 표정빽짱구 2010-12-17   5011
163 페이스북 링크의 정보를 설정하는 방법 file title: [ani]깜빡이는 표정빽짱구 2011-03-06   8150
162 scope="col" 와 scope="row" title: [ani]깜빡이는 표정빽짱구 2011-05-24   6796
161 페이지 전환시 로딩이미지 보이기 [3] title: [ani]깜빡이는 표정빽짱구 2012-05-06   3981
160 제가 쓰고 있는 플래쉬 코딩소스 title: [ani]방울UI 2012-05-09   1225
159 반응형 웹사이트 [1] title: [ani]깜빡이는 표정빽짱구 2012-11-15   4994
158 ssl 보안인증서가 설치 잘되어있는지 확인하는곳 file [1] title: [ani]깜빡이는 표정빽짱구 2012-08-16   2844
157 반응형 웹 참고 사이트(미디어쿼리) file title: [ani]깜빡이는 표정빽짱구 2013-06-03   2277
156 모바일화면 pc에서 확인하기 file title: [ani]깜빡이는 표정빽짱구 2013-12-03   2011
155 [스크랩] HTML5/CSS3 관련 팁 & 튜토리얼 title: 새싹사뎅이 2014-01-14   2067
154 페이스북 og 이미지 캐시 업데이트 title: [ani]깜빡이는 표정빽짱구 2017-07-10   262
153 카카오톡 미리보기 이미지 캐쉬 삭제 title: [ani]깜빡이는 표정빽짱구 2017-07-10   414
152 괜찮은 구글 웹폰트 많네요. file title: [ani]깜빡이는 표정빽짱구 2018-10-23   214
151 웹접근성에 대해서.. file [6] title: [ani]깜빡이는 표정빽짱구 2007-11-06 1 5537
150 플래쉬에 마우스 오른쪽 버튼 클릭시 메뉴줄이기 file [2] title: [ani]깜빡이는 표정빽짱구 2008-03-05 1 8042
149 hit 아이폰/아이패드에서 '홈화면 추가' 아이콘 변경하기 file [1] title: [ani]깜빡이는 표정빽짱구 2011-02-12 1 13011
148 메일링 코딩 스타일 title: [ani]깜빡이는 표정빽짱구 2013-09-29 1 2980
147 스마트폰, 태블릿 해상도와 웹브라우저별 해상도 [1] title: [ani]깜빡이는 표정빽짱구 2013-06-03 1 5812