이전 목록 다음
미채택 완료

프린트시 css 질문...

밀랍
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-12-06 (월) 12:12:43 2,383
Copy 
$(document).on("click", ".color_btn", function() {
    if ($(".color_input").val() == "N" ){    
        $(".po_r span").addClass("view");
        $(".color_input").val("Y");
    } else {
        $(".po_r span").removeClass("view");
        $(".color_input").val("N")
    }
});

그냥.. 프린트 할때 po_r span을 보여줄지 안보여줄지를 체크하는건데요...

view에서는 정상적으로 잘 작동하는데

프린트할때에는 적용값이 출력이 되질 않네요..

어떻게 해야... jquery 로 변경한 값을 출력할 수 있을까요?

그누보드5 php jquery
|

답변 2개 / 댓글 4개

엑엑스엠엘
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-12-06 (월) 13:22:39

어떤 방식으로 프린터 하시나요?

답변에 대한 댓글 3개

밀랍
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-12-06 (월) 13:41:12
[code]
var g_oBeforeBody = document.getElementById('bo_v').innerHTML;
$(document).ready(function(){
$(".print_btn").click(function(){

window.onbeforeprint = function (ev) {
document.body.innerHTML = g_oBeforeBody;
};
window.print();
location.reload();
});
});
[/code]

print_btn 이라는 버튼을 만들어서 프린트 하고 있습니다.
엑스엠엘
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-12-06 (월) 13:49:27
document.body.innerHTML = g_oBeforeBody;
이렇게 하면 css selector도 변경해 주어야 합니다.
po_r view에 대한 css에서

.po_r.view 이렇게 앞에 아무것도 넣지 않고 추가해 보세요.
밀랍
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-12-06 (월) 13:57:12
$(".po_r span").addClass("view");

이렇게 추가된 클래스가

프린트 버튼을 누르는 순간 해당 클래스가 사라져버립니다...
포포인트적립
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-12-06 (월) 12:19:05

css

@media print {

  요기 안에다 view 관련된거 넣으면 안될가요?

}

개인적인 생각임 ㅋ

답변에 대한 댓글 1개

밀랍
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-12-06 (월) 12:44:05
프린트 버튼을 누르는 순간
jquery 로 넘어간 값이 모두 초기화가 되어... 사용할 수가 없더라구요..

답변을 작성하려면 로그인이 필요합니다.