Mootools 새창에서 링크 걸기

출처 : http://tools.uvumi.com/externalize.html

Mootools를 이용해 새창에서 링크를 열도록 하는 스크립트이다. 다른 자바스크립트 라이브러리에서도 셀렉터나 관련요소들을 컨버팅해서 간단히 적용시킬수도 있을듯하다.

코드 1

첫번째 코드는 블로그, 소규모회사 페이지, 포트폴리오와 같은 사이트에서 유용한 코드 var externalize = function(){ $$('a[rel="external"]').addEvent('click',function(e){ e.stop(); window.open(this.get('href')); }).removeProperty('external'); };

코드 2

간단한 코드인데 링크들이 많이 걸리는 페이지에 유용한 코드 var externalize = function(){ $$('a[rel="external"]').set('target','_blank'); };

코드 3

Ajax가 많이 쓰인 페이지, 페이지 리프레쉬 없이 링크들이 생성되는 페이지에 유용한 코드 var externalize = function(){ document.addEvent('click',function(e){ var target = $(e.target); if($defined(target.getParent('a'))){ target = target.getParent('a'); } if(target.get('tag') == 'a'){ var rel = target.get('rel'); if($defined(rel) && rel == 'external'){ e.stop(); window.open(target.get('href')); } } }); };

이 코드들을 작성한 뒤에 다음과 같은 코드를 실제 사용될 페이지에서 사용하면 적용된다. window.addEvent('domready',function(){ externialize(); }); 코드를 보면 알겠지만 적용을 원하는 링크에 rel="external" 을 명기해준다. <a href="http://..." rel="external">link example</a>