갤러리 게시판 뷰에 나오는 사진을 인쇄하는 방법좀 알려주세요 채택완료
일단 사진을 보시게되면 빨간 부분을 클릭시 인쇄만 되게 만들려고 합니다. 문제는 view.shik.php 에 소스가...
본문 출력 소스는 div를 잡아서 출력 하는 방법을 알고 있습니다. 출처 http://blog.naver.com/jungjinyee/80133522496<< 어떤분 인지는 모르겠으나 보고 적용을 시킬라고 하는데 어디부터 손대야 할지 애매 합니다. 쿼리로 되어 있어서 조금만 도와 주시면 감사하겠습니다.
답변 4개
js설명해드릴께요.
소스만 봐서는 확실히 작동하는지는 잘 모르겠네요;; 빠진게 있는건지 잘못 쓴건지...
제가 살짝 수정했어요.
바꾼건 initBody라는 변수를 만들어두고 boxes라는 변수에 넣는게 이상해서 바꾸었고요. 프린트 이후에 바디에 넣고 나면 initBody를 널로 초기화해줬고요. 웹디구야님 소스에 프린트할영역이 bo_v_img로 되어있으신거 같아서 box를 수정했어요. 그리고 box.innnerHTML이게 아이디 바로 검색되는건지 안되는건지 몰라서 프린트할 영역을 아이디로 검색하게 했어요.
var initBody;function beforePrint() { initBody= document.body.innerHTML; document.body.innerHTML = document.getElementById("bo_v_img").innerHTML;}function afferPrint() { document.body.innerHTML = initBody; initBody = null; }function printArea() { window.print();}window.onbeforeprint = beforePrint;window.onafferprint = afterPrint;
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
새창에 빈공간이 뜨는건 return false;이거를 빼먹고 안넣었네요 ㅎㅎ
펑션삽입후 리턴펠스 넣어줘야 a태그가 작동이 안해요.
그런데 다른데에서 불러올수도 있으니깐요 view_image라는 클래스를 빼시고 a태그도 빼시는게 정신건강에 좋으실거같아요 ㅎㅎ
/lib/thumbnail.lib.php에서 158번째줄부터요
// 썸네일 생성 if(!$is_animated) $thumb_file = thumbnail($filename, $filepath, $filepath, $thumb_width, $thumb_height, false); else $thumb_file = $filename; if(!$thumb_file) continue; if ($width) { $thumb_tag = ''; } else { $thumb_tag = ''; } // $img_tag에 editor 경로가 있으면 원본보기 링크 추가 $img_tag = $matches[0][$i]; if(strpos($img_tag, G5_DATA_DIR.'/'.G5_EDITOR_DIR) && preg_match("/\.({$config['cf_image_extension']})$/i", $filename)) { $imgurl = str_replace(G5_URL, "", $src); $thumb_tag = ''.$thumb_tag.''; }아래롤 바꺼주세요.
// 썸네일 생성 if(!$is_animated) $thumb_file = thumbnail($filename, $filepath, $filepath, $thumb_width, $thumb_height, false); else $thumb_file = $filename; if(!$thumb_file) continue; if ($width) { $thumb_tag = ''; } else { $thumb_tag = ''; } // $img_tag에 editor 경로가 있으면 원본보기 링크 추가 $img_tag = $matches[0][$i];답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
넹 아래에 $("a.view_image").click(function() { 이게 이미지를 새창에 띄우는 거네요.
이걸 주석처리 해주시거나 제가 적어드린 소스에 /lib/thumbnail.lib.php여기에서요.
$thumb_tag = '<a href="#" target="_blank" class="view_image print_img'+$i+'" onclick="printArea(this.className);">'.$thumb_tag.'</a>';
여기에 class명중 view_image를 지워주시면 될거같아요.
클래스에 css에 들어있을수도 있으니 $("a.view_image").click(function() { 이거를 주석처리 해주시는게 좋을거같아요~
답변에 대한 댓글 1개
ㅡ,.ㅡ;;;;;; 어디선가 이놈을 또 끌고 오는게 있나봐요 ㅋ
function board_move(href)
{
window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1");
}
혹시나해서 이부분 에 안가지 주석 처리 했는데도 옆에 떡하니 뜨네요 ㅋ
댓글을 작성하려면 로그인이 필요합니다.
그누보드 5.0.35버전 기준이에요(제가 가지고 있는 소스의 config.php에 적힌 버전)
/skin/board/basic/view.skin.php - get_view_thumbnail펑션 > /lib/thumbnail.lib.php 의 76라인이에요.
여기서 아래쪽보시면 '$thumb_tag = ' 로 시작해서 a태그안에 위에서 정해준 이미지추가해서 넣어주고 있어요.
a태그에 있는게 확대해서보기인데요.
확대해서 보기 안하시려면 href에 있는내용을 지워주시고요. 여기에 프린트하는 펑션을 넣어주시면되요.
아이디 형식으로 하면 이미지가 여러개일때는 겹치는 문제가 발생하니깐 클래스로 바꿀께요.
/lib/thumbnail.lib.php 안에 수정
// 기존에 있는 확대해서보기 링크를 지우고 클래스를 겹치지않게 추가했어요.// 해당 소스는 for문에 돌고 있어서 for문 도는 i값으로 했어요.$thumb_tag = ''.$thumb_tag.''; $thumb_tag = ''.$thumb_tag.''; 스크립트수정
var initBody
,target;
function beforePrint() {
initBody= document.body.innerHTML;
document.body.innerHTML = document.getElementByClassName(target).innerHTML;
}
function afterPrint() {
document.body.innerHTML = initBody;
initBody = target = null;
}
function printArea(e) {
target = e;
window.print();
}
window.onbeforeprint = beforePrint;
window.onafferprint = afterPrint;답변에 대한 댓글 1개
function board_move(href)
{
window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1");
}
</script>
<script>
$(function() {
$("a.view_image").click(function() {
window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no");
return false;
});
문제가 이부분때문인지는 모르겠는데 소스 적용해도 블링크 타겟이 잡히면서 미리보기가 뜨네요 이부분은 날려야 되나요?
아 저는 그누보드 5.1.4 버전이긴 하지만 드래곤님 버전하고는 별차이는 모르겠네요 ㅎㅎ....
될것도 같긴한데 미리보기 소스가 계속 적용이 되네요ㅋ 조금만 더 알려 주시만 감사하겠습니다 ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인