본문 바로가기

개발자이야기/JavaScript이야기

이미지 포커스 없애기 ..... 및 즐겨 찾기 등등

반응형

onfocus=this.blur(); 를 한번에 적용시키기

 

onfocus='this.blur()'


링크를 걸은 이미지를 클릭할시,
점선모양의 테두리가 생기는데 깔끔한 링크를 만들기 위해서,
그걸 없앨때 <a onfocus=this.blur();> 이런식으로 속성을 붙여주죠.
그러나 한 페이지에 a태그가 엄청많을땐 다 붙여주기 귀찮죠.

그때 이 소스를 head안에 넣으시면...
모든 A태그나 IMG태그에 onfocus=this.blur();를 다 붙인 효과가 납니다.

------------------------ 소스 ------------------------
<script language='JavaScript'>
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
</script>
------------------------------------------------------

※ Internet Explorer 5.5 이상작동.
    롤오버 소스랑 충돌이 일어나서 자바스크립트 에러

전체페이지에서 클릭했을 때 생기는 점선을 안보이게 하는 방법입니다..
--------------------------------------------------------------
+단 이미지맵을 썼을경우엔 적용이 안되기 때문에 개별로 onfocus='this.blur()'를 써줘야함




즐겨찾기추가


<script language="javascript">
function myFavorite() {
window.external.AddFavorite('http://www.naver.com', '네이버 즐겨찾기')
}
</script>

<a href="javascript:myFavorite()" onfocus='this.blur()'><img src="images/bookmark.gif" border="0"></a>


====================================

②한줄짜리


<a href="javascript:window.external.AddFavorite(''''http://www.daum.net'''',''''다음'''');">즐겨찾기추가</a>


====================================

 


<script language="JavaScript">
<!--

function bookmark(){
window.external.AddFavorite(' http://www.paran.com', ' 파란닷컴')
}

//-->
</script>

http://paran.com // 즐겨찾기에 등록되는 주소
파란닷컴 // 즐겨찾기에 등록되는 이름


들어올 때 띄우려면
<body onLoad= " bookmark() ">

나갈 때 띄우려면
<body onunLoad= " bookmark() ">

들오올 때도, 나갈 때도 띄우려면
<body onLoad= " bookmark() " onunLoad= " bookmark() ">

홈페이지 하단 상태바 출력

<!-- 상태바 출력 -->
<script language="JavaScript">
<!--
window.status=':: 이치타카의 새로운 일상 ::';
//-->
</script>

반응형