Друк веб-сторінок стає все більш рідкісним явищем, проте безліч сайтів використовують спеціальні css таблиці якраз для цих цілей. І це дуже зручно. Однак може викликати головний біль після декількох змін сторінки.
У вас є 2 варіанти (ну принаймні) для досягнення цієї мети. Перший, як я говорив раніше, - створити спеціальну таблицю стилів для друку необхідного контенту.
Але в цьому випадку може статися кілька неприємних речей. Множинні діви, властивості float і інші дрібні речі, які роблять вашу сторінку такою яка вона є можуть м'яко кажучи трохи з'їхати і вийде каша.
Другий спосіб (його я знаходжу більш відповідним в багатьох випадках), полягає в створенні спеціального шаблону сторінки для друку контенту. Далі ви додаєте кнопку друку при натисканні на яку виникає спеціальне вікно і відбувається виклик window.print () після повного завантаження сторінки.
Ви можете назвати мене негарним словом, але я ніколи не замислювався, що можу викликати метод window.print для якогось iframe або спливаючого вікна. Після невеликого дослідження я з'ясував, що можу довантажувати iframe сторінки для друку (звичайно ж якщо знаходяться на тому ж домені).
Тепер я покажу вам плагін, який може віддавати на друк частини вашої сторінки. У двох словах, даний плагін створює iframe і друкує прямо звідти! Таким чином ви охороняєте себе (і ваших користувачів) від роботи з безліччю вікон.
Тут присутні кілька необов'язкових змінних:
Я розумію, що не всі хочуть ставити кнопку друку на саму сторінку. Варіант наведений вище для тих, хто не хоче мати справу з окремими таблицями стилів призначеними для друку.
Насправді цей спосіб варто спробувати. Раптом сподобається :)
5 останніх уроків рубрики "jQuery"
Сьогодні ми б хотіли вам розповісти про бібліотеку TypeIt - безкоштовному jQuery плагін. З її допомогою можна імітувати набір тексту. Якщо все налаштувати правильно, то можна домогтися дуже реалістичного ефекту.
jQuery плагін для створення тимчасової шкали.
jQuery плагін для створення діаграми Ганта.
Приклад того як здійснити завантаження файлу через PHP і jQuery ajax.
RealVect0r
Круто, але якщо на сторінці використовуються таби, то це стає деяким гемороєм
hors_de_prix
1) не працює в опері, не та сторінка друкується 2) в віслюку какбе теж не та сторінка 3) в хромі взагалі не друкує win7 Але працює на лисицю! Але це УГ що тільки тамЕ. Особисто я поставив ось як А в print.html ось що Опера, Лиса, Хром відкривають нову вкладку і при натисканні будь-якої з 2 клавіш (друк or скасування) у вікні браузера друку, він друкує ну або закриває віконце і автоматом закриває сторінку, в хромі взагалі краса. Ну а Осел друкує але каже що сторінка намагається закритися сама. Вобщем все гуд. А цю печатку на jquery - в топку
JohnBraxton
Згоден з тобою Botchal. Цілком і повністю!
MillerLight
Встановив, підключив, роздрукував. У чому фішка? При кліці на посилання «друкувати» показується іконка «принтера»? Без цього теж добре друкує. Про що урок? Як показувати понтово іконку для користувача сайту?
За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!
Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!
Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.
Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!