애드온 프로그램 자료실
글수 90
| 라이센스 | GPL2 |
|---|---|
| 기타 라이센스 | |
| 적용 버전 | 정식버전(1.0이후) |
아래 올린 jquery 삽입 애드온을 jquery tools로 명명하고 0.1부터 재시작합니다 ^^;
변경사항 :
0.2 : 모듈 다수 지정시 적용 안되는 문제 해결. 잘못된 변수명 바로잡음.
0.3 : 갤러리 내에서 제대로 작동하지 않던 문제 해결.

주요 기능 :
지정된 모듈에 jquery.js 및 플러그인 삽입
게시물 이미지에 라이트박스 적용 기능 (라이트박스 애드온)
게시판 검색시 게시물 강조 기능 (게시판 내에서의 기능으로 아래 민수님 플러그인과는 다릅니다.)
포함된 자바스크립트 :
jquery.js : MIT / GPL
jquery.lightbox.js : Modified BSD
jquery.highlight.js : : MIT License
jquery.datepicker.js : : MIT / GPL
jquery.getUrlParam.js : MIT / GPL
사용법 :
1. jquery.js만 사용시
그냥 활성화만 시켜 놓으시면 됩니다. (모듈 선택 / 미선택)
테스트하려면 모듈(혹은 레이아웃) 최상단에 아래 코드를 넣어 봅니다.
브라우저로 보았을 때 아래 메시지가 나온다면 정상입니다.

2. 업로드된 이미지에 라이트박스 적용 (1.0.2 기본 스킨에서 개발되었으며 그외 다른 스킨에서 동작하지 않을 수 있습니다.)
jQuery tools 설정에서 다음과 같이 합니다.
(1) 사용할 모듈을 지정 (지정하지 않으면 모든 모듈에 자동 적용됩니다.)
(2) 라이트박스 플러그인 -> '켜기'
(3) 이미지에 라이트박스 강제 적용 -> '켜기'
이제 게시판 너비보다 큰 이미지를 본문에 삽입한 후 클릭하면 라이트박스를 볼 수 있을 것입니다.

3. 게시판에서 검색된 단어 강조(1.0.2 기본 스킨에서 개발되었으며 그외 다른 스킨에서 동작하지 않을 수 있습니다.)
(1) 사용할 모듈을 지정 (지정하지 않으면 모든 모듈에 자동 적용됩니다.)
(2) 단어강조 플러그인(highlight) -> '켜기'
(3) 게시판에서 검색된 단어 강조 -> '켜기'

문제 해결 :
- 자바스크립트 에러가 발생함
이미 사이트에 jquery나 mootools의 자바스크립트 프레임웍을 사용중이라면 충돌이 발생할 수 있습니다.
라이트박스 사용시, 다른 라이트박스 애드온이나 스킨을 사용중이라면 당연히 충돌합니다.
- 라이트박스에서 버튼 이미지가 나타나지 않음
제로보드가 /zbxe에 설치되어 있지 않은 경우, jquery.lightbox.js의 413/414행에서 애드온이 설치된 경로를 수정해주세요.
- 그밖의 게시판 외의 레이아웃 등에서 이미지 링크에 라이트 박스를 사용하고 싶은 경우
애드온 설정에서 라이트박스 플러그인을 켠 후
(셀렉터 rel=lightbox 부분은 애드온 디렉터리의 js/jquery.lightbox.init.js를 고쳐 바꿀 수 있습니다.)
- 단어 강조가 안 되는 경우
제로xe 기본 스킨에 지정된 class/id를 이용해 단어 강조를 하기 때문에,
코드가 완전히 다른 스킨의 경우 동작하지 않을 수 있습니다.
- 강조되는 단어 색상을 바꾸고 싶음
css/jquery.highlight.css 의 2번째 줄을 바꾸세요.
-그밖에
되도록 쪽지보다는 댓글로 남겨주세요;;
변경사항 :
0.2 : 모듈 다수 지정시 적용 안되는 문제 해결. 잘못된 변수명 바로잡음.
0.3 : 갤러리 내에서 제대로 작동하지 않던 문제 해결.

주요 기능 :
지정된 모듈에 jquery.js 및 플러그인 삽입
게시물 이미지에 라이트박스 적용 기능 (라이트박스 애드온)
게시판 검색시 게시물 강조 기능 (게시판 내에서의 기능으로 아래 민수님 플러그인과는 다릅니다.)
포함된 자바스크립트 :
jquery.js : MIT / GPL
jquery.lightbox.js : Modified BSD
jquery.highlight.js : : MIT License
jquery.datepicker.js : : MIT / GPL
jquery.getUrlParam.js : MIT / GPL
사용법 :
1. jquery.js만 사용시
그냥 활성화만 시켜 놓으시면 됩니다. (모듈 선택 / 미선택)
테스트하려면 모듈(혹은 레이아웃) 최상단에 아래 코드를 넣어 봅니다.
<script type="text/javascript">
$(window).ready(function(){
alert("jQuery 애드온이 잘 동작하고 있습니다.");
});
</script>브라우저로 보았을 때 아래 메시지가 나온다면 정상입니다.

2. 업로드된 이미지에 라이트박스 적용 (1.0.2 기본 스킨에서 개발되었으며 그외 다른 스킨에서 동작하지 않을 수 있습니다.)
jQuery tools 설정에서 다음과 같이 합니다.
(1) 사용할 모듈을 지정 (지정하지 않으면 모든 모듈에 자동 적용됩니다.)
(2) 라이트박스 플러그인 -> '켜기'
(3) 이미지에 라이트박스 강제 적용 -> '켜기'
이제 게시판 너비보다 큰 이미지를 본문에 삽입한 후 클릭하면 라이트박스를 볼 수 있을 것입니다.

3. 게시판에서 검색된 단어 강조(1.0.2 기본 스킨에서 개발되었으며 그외 다른 스킨에서 동작하지 않을 수 있습니다.)
(1) 사용할 모듈을 지정 (지정하지 않으면 모든 모듈에 자동 적용됩니다.)
(2) 단어강조 플러그인(highlight) -> '켜기'
(3) 게시판에서 검색된 단어 강조 -> '켜기'

문제 해결 :
- 자바스크립트 에러가 발생함
이미 사이트에 jquery나 mootools의 자바스크립트 프레임웍을 사용중이라면 충돌이 발생할 수 있습니다.
라이트박스 사용시, 다른 라이트박스 애드온이나 스킨을 사용중이라면 당연히 충돌합니다.
- 라이트박스에서 버튼 이미지가 나타나지 않음
제로보드가 /zbxe에 설치되어 있지 않은 경우, jquery.lightbox.js의 413/414행에서 애드온이 설치된 경로를 수정해주세요.
- 그밖의 게시판 외의 레이아웃 등에서 이미지 링크에 라이트 박스를 사용하고 싶은 경우
애드온 설정에서 라이트박스 플러그인을 켠 후
<a href="test1.jpg" rel="lightbox">lightbox_test</a>이런식으로 다른 라이트박스처럼 사용하면 됩니다.
(셀렉터 rel=lightbox 부분은 애드온 디렉터리의 js/jquery.lightbox.init.js를 고쳐 바꿀 수 있습니다.)
- 단어 강조가 안 되는 경우
제로xe 기본 스킨에 지정된 class/id를 이용해 단어 강조를 하기 때문에,
코드가 완전히 다른 스킨의 경우 동작하지 않을 수 있습니다.
- 강조되는 단어 색상을 바꾸고 싶음
css/jquery.highlight.css 의 2번째 줄을 바꾸세요.
css/jquery.highlight.css
.highlight{
background-color: yellow;
}-그밖에
되도록 쪽지보다는 댓글로 남겨주세요;;
Setzer Gabbiani
2008.04.21 21:25:09 (*.78.113.56)
jquery가 로딩되지 않은 상태에서 위 스크립트가 삽입되었다면 자바스크립트 에러가 나야 정상입니다. 제가 겪은 바로는 버전 불문하고 ie도 그렇고 ff도 그렇습니다. 말씀하신 것으로는 캐시가 조금 의심스러운데, 일단 소스를 열어 테스트 코드가 들어있는지 확인해 보시기 바랍니다. 그리고 잘 있거든 소스 헤더에 있는 files/cache/optimized/......js.php 를 열어 jquery 라는 문자로 검색해 보시기 바랍니다.
이 부분이 보이면 일단 정상 로딩은 된 것입니다. 없다면 캐시를 재생성 해 보시고, 애드온의 mid 설정 부분도 확인해 보세요.
로컬이라고 해서 특별히 안될 이유는 없습니다. 전 rwapm 씁니다...
/* * jQuery 1.2.3 - New Wave Javascript * * Copyright (c) 2008 John Resig (jquery.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * $Date: 2008-02-06 00:21:25 -0500 (Wed, 06 Feb 2008) $ * $Rev: 4663 $ */
이 부분이 보이면 일단 정상 로딩은 된 것입니다. 없다면 캐시를 재생성 해 보시고, 애드온의 mid 설정 부분도 확인해 보세요.
로컬이라고 해서 특별히 안될 이유는 없습니다. 전 rwapm 씁니다...
2008.04.22 00:20:35 (*.78.113.56)
저는 아예 제로보드 라이브러리 자체를 jquery로 갈아엎었으면 좋겠다는 생각까지도 했었답니다.
하지만 그렇게 되면 mootools나 mojo 같은 다른 프레임웍 쓰시는 분들이 아쉬워 할 것 같네요.
각 프레임웍별로 간단한 공식 래퍼 애드온을 둬서 내려받을 수 있게 하고,
애드온 모듈에 의존성 속성(depend)을 추가해서 다른 애드온들이 이 래퍼들을 활용할 수 있으면 좋을 것 같습니다.
사실 이 애드온의 전신인 "jquery 삽입 애드온"을 만든 이유는
각 레이아웃, 스킨, 애드온 별로 제각기 jquery를 물고 다니는 게 보기 싫어서였죠...
(하지만 제가 만든다고 그것을 누가 공용 라이브러리로 인정해 주는 것도 아니니... -_-;)
하지만 그렇게 되면 mootools나 mojo 같은 다른 프레임웍 쓰시는 분들이 아쉬워 할 것 같네요.
각 프레임웍별로 간단한 공식 래퍼 애드온을 둬서 내려받을 수 있게 하고,
애드온 모듈에 의존성 속성(depend)을 추가해서 다른 애드온들이 이 래퍼들을 활용할 수 있으면 좋을 것 같습니다.
사실 이 애드온의 전신인 "jquery 삽입 애드온"을 만든 이유는
각 레이아웃, 스킨, 애드온 별로 제각기 jquery를 물고 다니는 게 보기 싫어서였죠...
(하지만 제가 만든다고 그것을 누가 공용 라이브러리로 인정해 주는 것도 아니니... -_-;)
2008.04.21 23:34:00 (*.78.113.56)
아래 BNU님께서 지적해주신 버그 탓도 있습니다만, 원래 플러그인 '켜기'와 '끄기'만으로는 아무런 효과도 안 나타납니다 :-)
그냥 라이브러리를 불러오는 것 뿐이니까요. 레이아웃 및 스킨 제작에 쓰이기 위해서 저렇게 만들어 둔 것입니다.
그리고 datepicker.js는 원래 제로보드 1.0.2 나오기 이전에 자바스크립트 달력을 대체할 목적도 가지고 있었는데,
jscalendar의 도입으로 의미가 없어진 지금은 여기 예제를 참고해 에디터 컴포넌트로나 만들어 볼까 하고 생각하고 있습니다.
결론은, 어쩌다 보니 안 지워지고 계속 남아있게 된... 예... 그런겁니다. -_-
그냥 라이브러리를 불러오는 것 뿐이니까요. 레이아웃 및 스킨 제작에 쓰이기 위해서 저렇게 만들어 둔 것입니다.
그리고 datepicker.js는 원래 제로보드 1.0.2 나오기 이전에 자바스크립트 달력을 대체할 목적도 가지고 있었는데,
jscalendar의 도입으로 의미가 없어진 지금은 여기 예제를 참고해 에디터 컴포넌트로나 만들어 볼까 하고 생각하고 있습니다.
결론은, 어쩌다 보니 안 지워지고 계속 남아있게 된... 예... 그런겁니다. -_-
2008.04.21 22:44:01 (*.77.197.193)
아래 if문에서 변수명이 잘못된 것같네요. :)
와우~ 버그리포트 받기만 하다가 올려보니 재밌네요=_=b
jquery.addon.php
if($addon_info->enable_lightbox == "true"){
Context::addCssFile($addon_path.'css/jquery.datePicker.css');
Context::addJsFile($addon_path.'js/jquery.datePicker.js');
}와우~ 버그리포트 받기만 하다가 올려보니 재밌네요=_=b
2008.04.21 23:52:43 (*.24.179.190)
멋진 에드온 감사합니다.
설치하니 멋니게 잘돌아 가네요 ^^
개인적으로 베니님의 라이트박스 에드온과 충돌 일으켜 홈페이지가 순간 마비되는 아픔을 겪었지만..요 ㅡ.ㅡ;;
설치하실분들 기존 라이트박스 에드온 깨끗하게 삭제하고 하시기 바랍니다. DB까지 깨끗하게요 ^^
2008.04.22 18:50:14 (*.202.56.88)
음, 버그랄까요.
에디터의 Gallery 기능을 사용해 이미지를 올린 후, 클릭을 하면
라이트박스가 켜지고 이미지가 잘 나오긴 합니다만...
2번째, 3번째 사진 전부 첫번째 이미지만 나오는군요.
예제는 이곳을 통해 봐주세요..
에디터의 Gallery 기능을 사용해 이미지를 올린 후, 클릭을 하면
라이트박스가 켜지고 이미지가 잘 나오긴 합니다만...
2번째, 3번째 사진 전부 첫번째 이미지만 나오는군요.
예제는 이곳을 통해 봐주세요..






