이전 목록 다음
미채택 완료

프린트시 css 질문...

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 로 변경한 값을 출력할 수 있을까요?

 

 

|

답변 2개 / 댓글 4개

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

답변에 대한 댓글 3개

[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 이라는 버튼을 만들어서 프린트 하고 있습니다.
document.body.innerHTML = g_oBeforeBody;
이렇게 하면 css selector도 변경해 주어야 합니다.
po_r view에 대한 css에서

.po_r.view 이렇게 앞에 아무것도 넣지 않고 추가해 보세요.
$(".po_r span").addClass("view");

이렇게 추가된 클래스가

프린트 버튼을 누르는 순간 해당 클래스가 사라져버립니다...

css

@media print {

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

}

 

개인적인 생각임 ㅋ

답변에 대한 댓글 1개

프린트 버튼을 누르는 순간
jquery 로 넘어간 값이 모두 초기화가 되어... 사용할 수가 없더라구요..

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