Главная цель использования альтернативных стилей при печати страницы — скрыть лишние элементы. Навигационное меню, форма поиска и другие элементы, обеспечивающие какую-либо функциональность на странице, становятся бесполезными на бумаге. Также, по возможности, убирается цветовое оформление страницы.

Однако помимо удаления, можно добавить кое-что полезное. Например, Kilian Valkhof предложил интересное решение, касающееся ссылок. После печати ссылки теряют свою функциональность, однако в будущем у пользователя может возникнуть необходимость, перейти по ссылке, опубликованной в тексте. Следующий код вставляет после каждой ссылки значения её атрибута href.

a:after {
  content:" (" attr(href) ") ";
  font-size:90%;
  font-weight:bold
}

Вот такая штука будет работать в ie. проверял в ie7.

window.onbeforeprint = function()
{
    var links = document.getElementsByTagName('a');
    for(var i=0;i<links.length;i++)
    {
        links[i].innerHTML += '(' + links[i].href + ')';
    }
}
window.onafterprint= function()
{
    var links = document.getElementsByTagName('a');
    for(var i=0;i<links.length;i++)
    {
        links[i].innerHTML = links[i].innerHTML.substring(0, links[i].innerHTML.length - links[i].href.length - 2);
    }
}

Добавлено: 07 Апреля 2018 21:50:18 Добавил: Андрей Ковальчук Нравится 0

Добавить