웹사이트 관련 팁들을 모아놓은 곳입니다. 좋은팁 공유 합시다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 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/cca/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
86 제홈배너처럼 스크립트 프롬프트 띄우기 title: [ani]깜빡이는 표정빽짱구 2004-07-16 19 3218
85 금주가 이번해에 몇번째 주인지 알려주기 title: [ani]깜빡이는 표정빽짱구 2004-04-22 14 3214
84 best of best 제홈에 사용중인 스크롤바 색상 [1] title: [ani]깜빡이는 표정빽짱구 2004-10-13 34 3195
83 웹폰트 사용시 깨지는 한자 변환소스 title: [ani]깜빡이는 표정빽짱구 2004-03-07 10 3192
82 한영전환 변환키 [1] title: [ani]깜빡이는 표정빽짱구 2004-04-05 15 3170
81 링크 점선 테투리 없애기!! [3] 톡톡 2004-03-24 17 3155
80 홈페이지 풀스크린 [1] title: [ani]깜빡이는 표정빽짱구 2004-05-04 12 3137
79 년도,월,일,시간 표시하기 title: [ani]깜빡이는 표정빽짱구 2004-04-22 12 3115
78 best of best 글쓰기창 마우스오버시 늘었다 원래대로... title: [ani]깜빡이는 표정빽짱구 2004-02-29 23 3071
77 best of best HTML 테그표입니다. [2] title: [ani]깜빡이는 표정빽짱구 2004-02-17 38 3068
76 php 오류문구정리 [1] title: [ani]깜빡이는 표정빽짱구 2004-07-09 10 3053
75 투명하게 보이기 위한 레이어에 적용 [2] title: [ani]보라색 나비바비인형 2004-06-23 15 3028
74 best of best 아이프레임 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-07 24 3009
73 이전, 다음 버튼이 있는 달력 title: [ani]깜빡이는 표정빽짱구 2004-04-22 16 3001
72 메일링 코딩 스타일 title: [ani]깜빡이는 표정빽짱구 2013-09-29 1 2984
71 best of best 무료 도매인 포워딩 사이트 (100개) [1] title: [ani]깜빡이는 표정빽짱구 2004-02-19 27 2973
70 best of best 이미지 & 파일 무단링크 막기 [1] title: [ani]깜빡이는 표정빽짱구 2004-02-22 28 2971
69 best of best 이미지 못가져가게 막기 [2] title: [ani]깜빡이는 표정빽짱구 2004-08-19 31 2928
68 로딩속도 빠르게 하기 title: [ani]깜빡이는 표정빽짱구 2004-04-20 14 2920
67 홈페이지나 까페에 뉴스소식 달기 아이프레임 이용. [2] title: [ani]깜빡이는 표정빽짱구 2004-02-17 18 2913