티스토리에서 하이퍼 링크 새창 뜨는 것을 무효화 시키기(2)

2007/08/07 13:42
음, 간만의 포스팅.

지난번 글에서 본인의 초보틱한 티스토리 이용 행태와 더불어 거기에 대한 유아틱한 해결책을 올린 적이 있었다. 저 방법의 가장 큰 문제점이라고 할 만한게, 본문을 감싸는 div 태그에 id 값을 부여하게 될 경우 하나의 html 문서에서 유일한 값을 가져야 하는 id 의 특성상 여러개의 본문이 출력되게 될 경우에 제대로 반영이 되지 않는 치명적인 문제점이 있었다.

이에 대해서 suni형에게 살짝 의뢰하여 prototype 을 이용한 좀 더 깔끔한 하이퍼 링크 무효화 방법을 찾아보았다.

준비물 : prototype.js
방법 :
  1. 스킨편집창에 들어가서 파일업로드 버튼을 클릭한 후 prototype.js 를 업로드한다.
  2. 스킨소스 편집창으로 들어가서 상단 헤더에 다음 태그를 부착한다.
    <script language="javascript" type="text/javascript"
    src="./images/prototype.js"></script>
  3. 그리고 하단 </body> 태그 바로 위에 다음 코드를 입력한다.
    <script>Event.observe(window, 'load', function(){
    $A(document.getElementsByTagName("a")).each(function(node){
    (node.getAttribute("target")=="_blank")?
    node.setAttribute("target", ""):"";});});</script>

그러면 끝.
자, 이제 티스토리에 링크 걸면서 새창, 현재창 체크하는거 귀찮게 더 이상 만지지 말자.

단점 : onload 이벤트시에 활성화 되므로 페이지 로딩이 완료되기 이전에 클릭하면 여전히 새창으로 뜰 수 있음.
by Lunar
category : DalKy/technology

TRACKBACK :: http://lunar.tistory.com/trackback/188




≪ 최근 글 : 1 : ... 5 : 6 : 7 : 8 : 9 : 10 : 11 : 12 : 13 : ... 182 : 오래된 글 ≫