Web printing – направите страницата си пригодна за принтиране!
Posted by Posted in Статии Posted on 21-05-2009
Tags: Browser, CSS, print preview, Web printing, визуализация, принтиране, скрипт
Понякога се налага, да направите страницата си преигодна за принтиране, например
ако имате система за отчет на продажбите, не е необходимо да се принтира и менюто,
за това Ви предлагаме следния скрипт, чрез който можете да окажете, цели елементи
да не се принтират. Всичко става разбира се чрез CSS.
Самият скрипт е лесен, необходимо е в head тага на Вашата страница да поставите следния стил:
-
<style>
-
@media print
-
{
-
-
#np{ display:none;}
-
-
}
-
</style>
Както виждате, оказва се на browser-а да не визуализира елементите с id „np“, само тогава, когато имаме
print или print preview. Това е относно стила, сега е необходимо да окажете и елемента, който не желаете да се показва:
-
-
<body>
-
<p>Ще се принтира</p>
-
<p id="np">Няма да се принтира</p>
-
</body>
Както виждате, имаме два
елемента, единия желаем да се показва, а другия не. При нормално преглеждане през browser-a
ще се виждат и двата елемента, но при принтиране или print preview елемента с id „np“ няма да се визуализира, съответно да се принтира.
Ето и целия тестов html:
-
<html>
-
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=cp-1251" />
-
-
<style>
-
@media print
-
{
-
-
#np{ display:none;}
-
#contentArea{ width:100%;}
-
}
-
</style>
-
</head>
-
<body>
-
<p>Ще се принтира</p>
-
<p id="np">Няма да се принтира</p>
-
</body>
-
</html>
Желаем Ви успех и се надяваме този скрипт да Ви помогне поне малко! 
