프린트시 css 질문...
본문
$(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
css
@media print {
요기 안에다 view 관련된거 넣으면 안될가요?
}
개인적인 생각임 ㅋ
프린트 버튼을 누르는 순간
jquery 로 넘어간 값이 모두 초기화가 되어... 사용할 수가 없더라구요..
어떤 방식으로 프린터 하시나요?
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();
});
});
print_btn 이라는 버튼을 만들어서 프린트 하고 있습니다.
document.body.innerHTML = g_oBeforeBody;
이렇게 하면 css selector도 변경해 주어야 합니다.
po_r view에 대한 css에서
.po_r.view 이렇게 앞에 아무것도 넣지 않고 추가해 보세요.
$(".po_r span").addClass("view");
이렇게 추가된 클래스가
프린트 버튼을 누르는 순간 해당 클래스가 사라져버립니다...
답변을 작성하시기 전에 로그인 해주세요.