печати CSS для двух частей одной странице

Question

настоящее время я использую некоторые JQuery, чтобы открыть диалоговое окно печати с помощью кнопки:

$('.print').click(function() { 
     window.print(); 
     return false; 
    }); 

Это использует стиль с медиа = «печать», которая скрывает определенную DIV перед тем печать следующим образом:

#someDiv { 
    display:none !important; 
} 

Я хотел бы добавить еще одну кнопку, которая просто печатает этот конкретный div. Каковы мои возможности для достижения этого?

Answer 1

Вы можете использовать JavaScript для замены ссылки на print css в теге ссылки.

Предположим, у вас есть две кнопки печати с идентификаторами print1 и print2 и две таблицы стилей print1.css и print2.css. Тогда ваши ссылка теги выглядят следующим образом:

<link id="printstyle" rel="stylesheet" href="http://0.0.0.0:3000/print1.css"> 

и некоторые Javascript/JQuery:

$("#print1").click(function(){ 
    $("#printstyle").attr('href', '/print1.css'); 
    window.print(); 
}); 

$("#print2").click(function(){ 
    $("#printstyle").attr('href', '/print2.css'); 
    window.print(); 
}); 

Вам может понадобиться, чтобы убедиться, переопределить каждый стиль, определенный в каждой таблице стилей.