묻고답하기
링크에 onfocus;;
2002.02.23 04:07
스타일 시트에 관한 질문입니다....
링크에 onfocus="this.blur(); 이걸 적용하면 누르면 겉 부분에 테두리가 생기지 않잖아요.
제가 홈페이지를 만들때 스타일 시트를 파일로 만들어서 넣을려고 하는데
td {color:#000000; font-size:9pt; line-height:140%;}
A:link {color:#000000; cursor:e-resize; text-decoration:none;}
여기 두개에 넣어 봐도 되질 않는데 어디에 넣어야 할까요...?
---------------------------------------------------------------------
이런 질문을 http://ngnie.org에 올라와있는걸 봤는데
제 생각엔 이걸..이미지에 볼드 주는거 스타일시트에
<style>
IMG {border: none;}
</style>
이렇게 하는것처럼
<style>
A {onfocus: this.blur();}
</style>
이렇게 하면 될꺼 같았는데 안되더라구요
그리고 또 어떤분께선
자바스크립트를 이용하면 되겠죠...
<script>
var links = document.all.tags("a");
for (var i = 0;i < links.length;i++){
links[i].onfocus = function (){
links[i].blur();
}
}
</script>
이렇게도 해보라고 하셨는데
안되더라구요..
도대체 어떻게 하면 될까요..
링크에 onfocus="this.blur(); 이걸 적용하면 누르면 겉 부분에 테두리가 생기지 않잖아요.
제가 홈페이지를 만들때 스타일 시트를 파일로 만들어서 넣을려고 하는데
td {color:#000000; font-size:9pt; line-height:140%;}
A:link {color:#000000; cursor:e-resize; text-decoration:none;}
여기 두개에 넣어 봐도 되질 않는데 어디에 넣어야 할까요...?
---------------------------------------------------------------------
이런 질문을 http://ngnie.org에 올라와있는걸 봤는데
제 생각엔 이걸..이미지에 볼드 주는거 스타일시트에
<style>
IMG {border: none;}
</style>
이렇게 하는것처럼
<style>
A {onfocus: this.blur();}
</style>
이렇게 하면 될꺼 같았는데 안되더라구요
그리고 또 어떤분께선
자바스크립트를 이용하면 되겠죠...
<script>
var links = document.all.tags("a");
for (var i = 0;i < links.length;i++){
links[i].onfocus = function (){
links[i].blur();
}
}
</script>
이렇게도 해보라고 하셨는데
안되더라구요..
도대체 어떻게 하면 될까요..
expression과 behavior등을 사용하시면 되죠.
dhtml에서 자주 사용되는 방법을 알려드리죠..
코드 설명은 생략할테니 그냥 따라해보세요..
아래코드를 새 텍스트 파일에 넣어서 link.htc라는 이름으로 저장합니다.
<PUBLIC:ATTACH EVENT="onfocus" ONEVENT="link_focus()" />
<SCRIPT LANGUAGE="JScript">
function link_focus(){window.event.srcElement.blur()}
</SCRIPT>
링크에 blur() 메쏘드를 주고자 하는 문서(embed 스타일의 css를 사용할 경우)나
style.css(링크 스타일의 css사용시)를 엽니다.
a {behavior:url('link.htc') 같은 디렉토리에 link.htc를 넣으셨을 경우 이렇게 하시고 다른 디렉토리에 link.htc가 있을 경우 전체 url을 넣어 주시면 됩니다.
파일로 따로 만들어 두고 모든 문서에 사용할 수 있으니 이 방법이 젤 좋을 듯 하군요..