웹마스터 팁
링크 포커스 없애기 3탄
2002.11.05 14:12
어느분이 2탄을 올리셨길래
이어서 3탄이라고 올립니다(-_-;)
----------------------------------
제목 그대로
링크 클릭시(정확히 말하면 포커스될때) 생기는 점선 테두리를 없애는 작업을
간단히(?) 해주는 스크립트 입니다.
쓰는 방법은 두가지 입니다.
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 문서 헤더에 삽입하기
<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>
</HEAD>
<BODY onload="allBlur();">
둘중에 편한대로 하시면 됩니다.
-------------------------------------------------------------------------------------
간단히 설명하자면
var myAnchors=document.all.tags("A"); // HTML 의 모든 요소중 "A"라는 태그가 쓰인
요소들이 모인 컬렉션을 반환합니다
(컬렉션이란, 다수의 요소(또는 객체)를 가지고있는 집합. -편하게 배열을 생각하시면 됩니다-)
myAnchors[i].onfocus=new Function("myAnchors["+i+"].blur()"); //0부터 1씩 증가되는 각각 i 값마다
그에 해당하는 "A"태그 요소들에게 이벤트 핸들러를 설정해주고
그리고 이벤트 발생시 해당 요소의 .blur() 메소드를 실행시킨다고
설정해줍니다.
예제: http://myhome.hanafos.com/~muldae76/blur.html
사족. 다른 분들이 올리신 방법도 많습니다.
htc 파일을 만들어 behavior 를 이용하는 방법도 있고
focusin 이벤트를 설정해주는 방법도 있고
여러가지 편한방법이 있으니 취향대로 골라 쓰심 되곘네요 ^^
이어서 3탄이라고 올립니다(-_-;)
----------------------------------
제목 그대로
링크 클릭시(정확히 말하면 포커스될때) 생기는 점선 테두리를 없애는 작업을
간단히(?) 해주는 스크립트 입니다.
쓰는 방법은 두가지 입니다.
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 문서 헤더에 삽입하기
<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>
</HEAD>
<BODY onload="allBlur();">
둘중에 편한대로 하시면 됩니다.
-------------------------------------------------------------------------------------
간단히 설명하자면
var myAnchors=document.all.tags("A"); // HTML 의 모든 요소중 "A"라는 태그가 쓰인
요소들이 모인 컬렉션을 반환합니다
(컬렉션이란, 다수의 요소(또는 객체)를 가지고있는 집합. -편하게 배열을 생각하시면 됩니다-)
myAnchors[i].onfocus=new Function("myAnchors["+i+"].blur()"); //0부터 1씩 증가되는 각각 i 값마다
그에 해당하는 "A"태그 요소들에게 이벤트 핸들러를 설정해주고
그리고 이벤트 발생시 해당 요소의 .blur() 메소드를 실행시킨다고
설정해줍니다.
예제: http://myhome.hanafos.com/~muldae76/blur.html
사족. 다른 분들이 올리신 방법도 많습니다.
htc 파일을 만들어 behavior 를 이용하는 방법도 있고
focusin 이벤트를 설정해주는 방법도 있고
여러가지 편한방법이 있으니 취향대로 골라 쓰심 되곘네요 ^^
댓글 10
-
송용혁
2002.11.05 15:04
-
멀대
2002.11.05 15:36
넵 ^^
이미 만들어진 페이지에 기능을 추가하거나
링크가 많이 걸린 페이지에서 쓸때 편하게 하려는 의도죠 ^^; -
행복한고니
2002.11.07 06:48
image로 된 input에도 blur를 적용해야 되는데... 비슷한 방법으로 응용하면 되겠네요. ^^ -
박현진
2002.11.07 12:21
쓰기 편해서 좋네요~ -
MaShin
2002.11.13 16:33
그런걸 해놓으면 오히려 체감 속도가 너무 느려져서 안 쓰는데.. -
나르
2003.01.08 20:18
이미지맵에도 적용되나요?
이미지맵에는 blur가 안먹던데.... -
조은하루
2003.01.29 06:18
이건 어떨지요?
저두 예전에 어디선가 link태그로 했던걸 알고 있었는데..
아쉬운점이 input 태그에서 안먹더라구여
오늘 님꺼 보고 수정해서 올려봅니다.
속도면이나 버전 같은건 체크 안해 봤습니다.
문제생기심 리플 달아주시길..
<script language="javascript">
<!--
function allBlur() {
for (i=0; i < document.links.length; i++) {
document.links[i].onfocus = document.links[i].blur;
}
for (i=0;i<InputLink.length;i++) {
if (InputLink[i].type == "image") {
InputLink[i].onfocus = InputLink[i].blur;
}
}
}
var InputLink = document.all.tags("INPUT");
onload = allBlur;
//-->
</script> -
슈팅스타
2003.05.18 23:04
유용한 소스 감사합니당~* -
。I징:)
2003.07.08 23:18
캄삼다,,,,,,,,,ㅠㅠㅠ -
핫쵸코
2004.03.28 21:17
멀대님께 신세좀 졌군요. 찾던건데 감사합니다 ^^ 취향대로 하단 인클루드 카피라이터 부분에 삽입 ^^*
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
팝업관리 모듈(팝업 오프너 ver. 0.0.4 )에 사용되는 addon/pop_up
[25]
 | ForHanbi | 2011.08.21 |
|
알렉사 순위 가져오는 스크립트;;
[30]
| zero | 2001.11.06 |
| FTP 쉬운설치 에러나시는분들 [4] | 조양각 | 2012.01.05 |
| 스케치북 게시판 스킨 사용시 확장변수 라인 CSS수정 | 해피보이 | 2012.10.17 |
| 운영하던 사이트의 도메인 주소를 변경했을때 기존 사이트의 이미지들이 엑박이 뜰때 해결방법 [4] | 졸라맨 | 2012.03.05 |
|
클립보드로 텍스트 복사하기
[5]
| 베니 | 2007.11.24 |
| Google Analytics Addon 자료 최신 XE 에서 작동시키는 방법 [4] | sejin7940 | 2012.10.05 |
| 크롭에 웹폰트 적용하기 css | 꿈틀잉 | 2012.10.07 |
|
Admin 페이지에서 사이트맵 삭제가 안될 때
| FontBox | 2012.10.06 |
| 회원설정에 레이아웃 설정이 생겼습니다. 회원정보보기페이지 레이아웃 설정 가능 [2] | 똑디 | 2012.10.04 |
| youtube, vimeo 자동 썸네일 생성 팁 1.5 이상 [3] | 꿈틀잉 | 2012.09.19 |
| iframe 아이프레임 투명처리 | 꿈틀잉 | 2012.10.04 |
|
실시간 쪽지
[10]
| CMD | 2012.09.20 |
| 제목 부분에 특수키 입력 못하게 막는 방법 [22] | sejin7940 | 2012.09.21 |
| [초보팁] 게시판 하단 버튼 정리 [2] | 브레인630 | 2012.09.24 |
|
UTF-8에서 호환되는 사랑비 BGM 올립니다.
[8]
| 로로아 | 2008.10.15 |
| XE스팸필터 등록 오류(1.5.3.2 적용후) [10] | 정박사닷컴 | 2012.09.11 |
|
관리자의 회원정보 수정 페이지에 '가입일/최근접속일' 추가하기
[6]
| showjean | 2012.09.17 |
|
iframe을 이용한 악성코드 침투 - 치료 및 대응법 (검블러 or GENO)
[8]
| 미루819 | 2009.10.01 |
|
친절한설명! 자신의홈페이지에 간단히 음악넣기
[10]
| 준봉쿠 | 2011.12.18 |
라고해주면 점선이 없어집니다.