메뉴 건너뛰기

XE : Xpress Engine


XE에 대한 생각! XE에 대한 공감! - XE를 사용하는 다른 사람들과 의견을 나눌 수 있는 곳입니다. 많은 의견 공유로 더 좋은 XE를 만들어 주세요.


XE 사용팁

1.0.3 오토링크(autolink) 디자인 수정본

2008.05.18 18:35

[레벨:2]위드파트너 조회 수:6111 추천:3

링크에 마우스를 올리면 새창, 현재창 선택할 수 있도록 뜨는, 애드온 오토링크(autolink) 디자인을 약간 변경하였습니다.
필요하신 분들은 참고해서 사용하세요.
(매번 제로보드에서 도움만 받아가서 부끄러움을 무릅쓰고 소스를 약간 수정해서 올려봅니다)

* 적용예제링크. http://adsenser.co.kr/zbxe/42028

2008-05-18-181712.jpg

    <script type="text/javascript">
    // <![CDATA[
        var url_regx = new RegExp("(http|https|ftp|news)://([-/.a-zA-Z0-9_~#%$?&=:200-377()]+)","gi");  function replaceHrefLink(obj) {  while(obj) {  if(obj.nodeType == 3) {  var text = obj.data;  if(url_regx.test(text)) {  var html = text.replace(url_regx,"<a href=\"$1://$2\" onclick=\"window.open(this.href); return false;\">$1://$2</a>");  var dummy = xCreateElement('span');  xInnerHtml(dummy, html);  obj.parentNode.insertBefore(dummy, obj);  obj.parentNode.removeChild(obj);  }  }  if(obj.firstChild) replaceHrefLink(obj.firstChild);  obj = obj.nextSibling;  }  } function addUrlLink() {   var objs = xGetElementsByClassName('xe_content');  if(objs.length<1) return;  for(var i=0;i<objs.length;i++) {   replaceHrefLink(objs[i].firstChild);  xAddEventListener(objs[i], 'mouseover', showUrlOpener);  }  }  function showUrlOpener(e) {   var evt = new xEvent(e);  var obj = evt.target;  var layer = xGetElementById('zbXEUrlOpener');  if(!layer) {   layer = xCreateElement('div');  layer.style.position = 'absolute'+ '+ ';  layer.style.border = '1px solid #666';  layer.style.backgroundColor = '#cf6';  layer.style.padding = '5px';  layer.style.visibility = 'hidden';  layer.style.lineHeight = '1.6';  layer.setAttribute('id','zbXEUrlOpener');  document.body.appendChild(layer);  }  if(obj && obj.nodeName == 'A' && obj.getAttribute('href') && !/#/.test(obj.getAttribute('href'))) {   var href = obj.getAttribute('href');  if(href.length>40) href = href.substr(0,40)+'...';  var html = ''+   '<a href="'+obj.getAttribute('href')+'" onclick="window.open(this.href); return false;" style="text-decoration:none; color:#000; font-weight:bold">'+href+' <img src=../../img/new_window.gif style="vertical-align: middle"></a> &nbsp;<img src=../../img/gray_line.gif style="vertical-align: middle"> '+  '<a href="'+obj.getAttribute('href')+'" style="text-decoration:none; color:#555;">{$open_cur_window} <img src=../../img/cur_window.gif style="vertical-align: middle"></a>'+   '';  xInnerHtml(layer, html);  xLeft(layer, evt.pageX-20);  xTop(layer, evt.pageY-10);  layer.style.visibility = 'visible';  } else {   layer.style.visibility = 'hidden';  }  }   xAddEventListener(window,'load', addUrlLink);
    // ]]>
    </script>

원본 소스에서 볼드체 부분을 바꾸었고,
그리고 노란색 배경 부분은 전체적으로 바뀌었으니 원본 소스와 비교하여 통째로 대체해주시면 되겠습니다.
수정에 사용된 아이콘을 다운로드 받아서 본인 계정에 업로드 한 후 사용해주세요.

p.s> 수정본이 본인의 사이트 디자인과 어울리지 않을 수도 있으니 적절히 변경하여 사용해주시면 더욱 좋겠죠.^^
번호 제목 글쓴이 날짜 조회 수
공지 질문은 묻고 답하기로~ TSCMD 2012.02.03 366
234 게시물목록의 조회수 등의 글씨(폰트), 폰트 크기, 색깔 변경 [1] [레벨:3]winter548 2008.05.17 5648
» 1.0.3 오토링크(autolink) 디자인 수정본 [6] file [레벨:2]위드파트너 2008.05.18 6111
232 홈페이지에 닉네임 대신 실명으로 뜨게 만들기 [5] file [레벨:7]findwind 2008.05.19 6170
231 본문과 댓글 입력의 기본 폰트. 크기 한번에 변경하기... [3] [레벨:3]winter548 2008.05.19 6083
230 회원 관리 리스트에 생일/이메일 추가하기 [4] file [레벨:11]老姜君 2008.05.19 4891
229 보안로그인 사용시 기본포트가 아닐 경우 [2] [레벨:2]bluemind69 2008.05.20 5868
228 글 쓸 때 자동으로 비밀 글 체크하기(''비고수''님의 팁) [1] [레벨:15]띵야 2008.05.20 6921
227 버튼 글씨체 바꾸기.... [2] [레벨:3]winter548 2008.05.20 5897
226 태그 위젯으로 생성된 태그 리스트에서 한글태그 검색이 안될때 해결법 [3] [레벨:1]봄대리 2008.05.21 4832
225 배경음악 넣기(ZBXE를 기본폴더에 설치한 경우) [4] [레벨:30]백성찬 2008.05.26 5470
224 IE6 한글도메인에 ZBXE 때문에 속 썩이시는 분 [1] [레벨:2]햇살과수원 2008.05.26 5445
223 설문조사에서 로그인하지 않은 사용자는 투표하지 못하도록 수정하기 [3] CMmooo 2008.05.29 6464
222 제로보드와 플래시 게시판 연동해서 사용하기 [5] [레벨:1]Park Ki-tae 2008.05.30 7618
221 제로보드4 스타일 이전글/다음글 구현하기 (라르게덴님 팁 재탕) [12] file [레벨:11]老姜君 2008.05.30 6058
220 본문글 하단 목록 옵션 처리하기 [4] file [레벨:11]老姜君 2008.05.31 5357
219 회원 가입시 admin이 가입 승인이후 동작시키도록 변경!! [1] [레벨:3]dhseo 2008.06.02 5304
218 레이아웃에 스크립트를 이용한 화면을 띄우고 싶은 경우 [3] [레벨:3]dhseo 2008.06.03 5983
217 1.0.3버전 외부 페이지 쿼리 스트링 붙일때 주의 하세요. [레벨:1]그라미 2008.06.03 5080
216 일정 기간이 지난 글에 코멘트 등록 제한 [3] file [레벨:11]老姜君 2008.06.03 5778
215 링크 사이트 제작을 위한 어드바이스 - Planning 1 - [7] file [레벨:6]Hammer 2008.06.04 1004