главная

Теги:


Плагин jQuery для печати web-страниц

Печать веб-страниц становится всё более редким явлением, однако множество сайтов используют специальные css таблицы как раз для этих целей. И это очень удобно. Однако может вызвать головную боль после нескольких изменений страницы...

Делаем сайт дружественным к печати

У вас есть 2 варианта (ну по крайней мере) для достижения этой цели. Первая, как я говорил ранее, создать специальную таблицу стилей для печати необходимого контента.

Но в этом случае может произойти несколько неприятных вещей. Множественные дивы, свойства float и другие мелкие вещи, которые делают вашу страницу такой какая она есть могут мягко говоря немного съехать и получится каша.

Второй способ (его я нахожу более подходящим во многих случаях), заключается в создании специального шаблона страницы для печати контента. Далее вы добавляете кнопку печати при нажатии на которую возникает специальное окно и происходит вызов window.print() после полной загрузки страницы.

Вы можете назвать меня некрасивым словом, но я никогда не задумывался, что могу вызвать метод window.print для какого-то iframe или всплывающего окна. После небольшого исследования я выяснил, что могу подгружать iframe страницы для печати (конечно же если находятся на том же домене).

А вот и плагин

Теперь я покажу вам плагин, который может отдавать на печать части вашей страницы. В двух словах, данный плагин создаёт iframe и печатает прямо оттуда! Таким образом вы предохраняете себя (и ваших пользователей) от работы с множеством окон.

Для тех у пользователей, которые отключают javascript вы можете давать ссылки на шаблон данной страницы без лишней информации.

Использование

$(".btnPrint").printPage()
 

Опции

Тут присутствует несколько необязательных переменных:

  • url: переписывает автоматическое значение url в атрибуте href
  • attr: изменяет атрибут href, который стоит по умолчанию для получения URL адреса страницы.
  • message: текст, который будет отображаться до тех пока пока страница для печати полностью не загрузится.

Вот так вот

Я понимаю, что не все хотят ставить кнопку печати на саму страницу. Вариант приведённый выше для тех, кто не хочет иметь дело с отдельными таблицами стилей предназначенными для печати.

На самом деле этот способ стоит попробовать. Вдруг понравится :)


Источник урока: www.position-absolute.com/articles/printing-web-pages-a-new-jquery-printing-plugin/

Урок Создан:2011-05-17 Просмотров:2352

Добавить комментарий:


Copyright© 2009 Hosted by Zhost