웹마스터 팁

  2. Support
  3. 웹마스터 팁

링크 포커스 없애기 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] Nopedy Lee 2002.12.05
엔지오처럼 메뉴가 아래위로 움직이는 소스[steelheart님 만듬]. [10] 김태경 2002.11.23
iframe 내용에 맞게 자동으로 크기 조절하기 [36] 행복한고니 2002.11.21
[파파스 1] 즐겨찾기 추가기능 소스 [5] 파파스 2002.11.20
제로님 Select Box 조금 바꾼거... [5] 행복한고니 2002.11.18
아래 행복한고니님의 할아버지 소스의 업글(?) 버젼입니다. [7] (づ_-) 커터칼 2002.11.18
[re] 아래 행복한고니님의 할아버지 소스의 업글(?) 버젼입니다. [2] Mahican 2002.12.02
이미지 변환함수(롤오버) [3] 행복한고니 2002.11.18
글상자글적으면 적은수가 숫자로 표시(글제한할때좋죠). [2] 아벨라 2002.11.18
레이어를 원하는 곳에 고정하기입니다. [7] 아벨라 2002.11.14
윈도우 할아버지 나타나게 하기 [11] 행복한고니 2002.11.14
고정된 배경이미지는 싫다면서... [9] 디아릭스 2002.11.12
엔지오같은 메뉴 만들기 #2 - Error 수정판 -_-;; [13] Eccen 2002.11.12
[re] 엔지오같은 메뉴 만들기 #2 -> 레이어배치 팁! //ⓦⓞⓞⓡⓨ님참고 [3] Aracing™ 2003.01.10
방문자가 특정부분 텍스트크기 바꿀수 있게 (확대/축소) [2] 디아릭스 2002.11.05
링크 포커스 없애기 3탄 [10] 멀대 2002.11.05
엔지오같은 메뉴 만들기 #1 - 수정판 [6] Eccen 2002.11.05
[자작] select 폼 태그 html로 허접하게나마 꾸며보기 [18] zero 2002.11.05
글씨 하이퍼링크시 밑줄 없에기 [8] 이솔렛 2002.10.31
하이퍼링크 점선 테두리 없애기 [9] 레드 2002.10.31
태그 쓰기