powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Показать номер страниц при печати из под браузера
10 сообщений из 10, страница 1 из 1
Показать номер страниц при печати из под браузера
    #38698828
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Добрый день.

Задача: отобразить номера страниц при печати документа из браузера

Проблемы:
1) Документ имеет динамическую длину
2) Сделать нужно не трогая настройки печати в браузере (то есть колонтитулы своими силами, в браузере все они пусты)

Нарыл такую штуку, но она ни в хроме ни в IE не работает. Целевая аудитория только IE8.
Код: css
1.
2.
3.
4.
5.
6.
@media print {
  @page {
	@bottom-right {
		content: counter(page) " из " counter(pages);
}
}



Идей пока больше нет. Можно хоть через JS хоть как, но чтобы это было только для данного документа (принтер не трогать).

Прошу совета/помощи.
...
Рейтинг: 0 / 0
Показать номер страниц при печати из под браузера
    #38699198
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Никак.
...
Рейтинг: 0 / 0
Показать номер страниц при печати из под браузера
    #38699217
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Antonariy,

Тогда вот этот пример для кого? Даже в хроме никак не реагирует, а так ведь красиво написано, а главное то что нужно.

@media print {
@page {
@bottom-right {
content: counter(page) " из " counter(pages);
}
}

P.S. Можно ли тогда через IE редактировать реестр, через visual basic ? Безопасность убрана (локальная сеть).
...
Рейтинг: 0 / 0
Показать номер страниц при печати из под браузера
    #38699320
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Посмотрел пример. Действительно, похоже на правду.
Возможно ему не хватает @page size, читай тут: http://www.w3.org/TR/2006/WD-css3-page-20061010/
...
Рейтинг: 0 / 0
Показать номер страниц при печати из под браузера
    #38699338
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Antonariy,

И там я был, вот еще потуги. Но только 50% обрезания справа сработало.

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
@page {size: 8.5in 11in;
       margin: 10%;
       @top {margin-right:   50%; /* extends half way into 10% page margin */
             text-align:     right;
             vertical-align: middle;
             content:        date("%d %B %Y");
       }
}
@page {size: 8.5in 11in;
    margin: 10%;
	margin-right:   50%; /* extends half way into 10% page margin */
    text-align:     right;
    vertical-align: middle;
    content:        date("%d %B %Y");
}
p:after
{
	content: "$$$";
}
...
Рейтинг: 0 / 0
Показать номер страниц при печати из под браузера
    #38699638
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
CSS3 Paged Media поддерживается даже самыми моднявыми браузерами (FF, Chrome) до сих пор только на уровне "совсем чуть-чуть".
ИЕ8 -- я бы даже и надеяться не стал.
...
Рейтинг: 0 / 0
Показать номер страниц при печати из под браузера
    #38700065
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Может быть кому пригодится. Если это открывать в ворде, то должно работать. Ниже пример для кастомной ориентацией страниц. Думаю с номерами страниц тоже можно что-нибудь придумать.


Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns:m="http://schemas.microsoft.com/office/2004/12/omml"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1251">

<style>
<!--
 /* Font Definitions */
 @font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;
	mso-font-charset:1;
	mso-generic-font-family:roman;
	mso-font-format:other;
	mso-font-pitch:variable;
	mso-font-signature:0 0 0 0 0 0;}
@font-face
	{font-family:Calibri;
	panose-1:2 15 5 2 2 2 4 3 2 4;
	mso-font-charset:204;
	mso-generic-font-family:swiss;
	mso-font-pitch:variable;
	mso-font-signature:-536870145 1073786111 1 0 415 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-unhide:no;
	mso-style-qformat:yes;
	mso-style-parent:"";
	margin-top:0mm;
	margin-right:0mm;
	margin-bottom:8.0pt;
	margin-left:0mm;
	line-height:107%;
	mso-pagination:widow-orphan;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	mso-fareast-font-family:Calibri;
	mso-bidi-font-family:"Times New Roman";}
.MsoChpDefault
	{mso-style-type:export-only;
	mso-default-props:yes;
	font-family:"Calibri","sans-serif";
	mso-ascii-font-family:Calibri;
	mso-fareast-font-family:Calibri;
	mso-hansi-font-family:Calibri;}
@page WordSection1
	{size:792.0pt 612.0pt;
	mso-page-orientation:landscape;
	margin:30.0mm 20.0mm 42.5pt 20.0mm;
	mso-header-margin:36.0pt;
	mso-footer-margin:36.0pt;
	mso-paper-source:0;}
div.WordSection1
	{page:WordSection1;}
@page WordSection2
	{size:612.0pt 792.0pt;
	margin:20.0mm 42.5pt 20.0mm 30.0mm;
	mso-header-margin:36.0pt;
	mso-footer-margin:36.0pt;
	mso-paper-source:0;}
div.WordSection2
	{page:WordSection2;}
-->
</style>
<!--[if gte mso 10]>
<style>
 /* Style Definitions */
 table.MsoNormalTable
	{mso-style-name:"Table Normal";
	mso-tstyle-rowband-size:0;
	mso-tstyle-colband-size:0;
	mso-style-noshow:yes;
	mso-style-priority:99;
	mso-style-parent:"";
	mso-padding-alt:0mm 5.4pt 0mm 5.4pt;
	mso-para-margin:0mm;
	mso-para-margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:10.0pt;
	font-family:"Calibri","sans-serif";}
</style>
<![endif]--><!--[if gte mso 9]><xml>
 <o:shapedefaults v:ext="edit" spidmax="1026"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
 <o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
 </o:shapelayout></xml><![endif]-->
</head>

<body lang=EN-US style='tab-interval:36.0pt'>

<div class=WordSection1>

<p class=MsoNormal>PAGE1</p>

</div>

<span style='font-size:11.0pt;line-height:107%;font-family:"Calibri","sans-serif";
mso-fareast-font-family:Calibri;mso-bidi-font-family:"Times New Roman";
mso-ansi-language:EN-US;mso-fareast-language:EN-US;mso-bidi-language:AR-SA'><br
clear=all style='page-break-before:always;mso-break-type:section-break'>
</span>

<div class=WordSection2>

<p class=MsoNormal>PAGE2</p>

</div>

</body>

</html>


...
Рейтинг: 0 / 0
Показать номер страниц при печати из под браузера
    #38700261
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
GustlyМожет быть кому пригодится. Если это открывать в ворде, то должно работать. Ниже пример для кастомной ориентацией страниц. Думаю с номерами страниц тоже можно что-нибудь придумать.


Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns:m="http://schemas.microsoft.com/office/2004/12/omml"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1251">

<style>
<!--
 /* Font Definitions */
 @font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;
	mso-font-charset:1;
	mso-generic-font-family:roman;
	mso-font-format:other;
	mso-font-pitch:variable;
	mso-font-signature:0 0 0 0 0 0;}
@font-face
	{font-family:Calibri;
	panose-1:2 15 5 2 2 2 4 3 2 4;
	mso-font-charset:204;
	mso-generic-font-family:swiss;
	mso-font-pitch:variable;
	mso-font-signature:-536870145 1073786111 1 0 415 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-unhide:no;
	mso-style-qformat:yes;
	mso-style-parent:"";
	margin-top:0mm;
	margin-right:0mm;
	margin-bottom:8.0pt;
	margin-left:0mm;
	line-height:107%;
	mso-pagination:widow-orphan;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	mso-fareast-font-family:Calibri;
	mso-bidi-font-family:"Times New Roman";}
.MsoChpDefault
	{mso-style-type:export-only;
	mso-default-props:yes;
	font-family:"Calibri","sans-serif";
	mso-ascii-font-family:Calibri;
	mso-fareast-font-family:Calibri;
	mso-hansi-font-family:Calibri;}
@page WordSection1
	{size:792.0pt 612.0pt;
	mso-page-orientation:landscape;
	margin:30.0mm 20.0mm 42.5pt 20.0mm;
	mso-header-margin:36.0pt;
	mso-footer-margin:36.0pt;
	mso-paper-source:0;}
div.WordSection1
	{page:WordSection1;}
@page WordSection2
	{size:612.0pt 792.0pt;
	margin:20.0mm 42.5pt 20.0mm 30.0mm;
	mso-header-margin:36.0pt;
	mso-footer-margin:36.0pt;
	mso-paper-source:0;}
div.WordSection2
	{page:WordSection2;}
-->
</style>
<!--[if gte mso 10]>
<style>
 /* Style Definitions */
 table.MsoNormalTable
	{mso-style-name:"Table Normal";
	mso-tstyle-rowband-size:0;
	mso-tstyle-colband-size:0;
	mso-style-noshow:yes;
	mso-style-priority:99;
	mso-style-parent:"";
	mso-padding-alt:0mm 5.4pt 0mm 5.4pt;
	mso-para-margin:0mm;
	mso-para-margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:10.0pt;
	font-family:"Calibri","sans-serif";}
</style>
<![endif]--><!--[if gte mso 9]><xml>
 <o:shapedefaults v:ext="edit" spidmax="1026"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
 <o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
 </o:shapelayout></xml><![endif]-->
</head>

<body lang=EN-US style='tab-interval:36.0pt'>

<div class=WordSection1>

<p class=MsoNormal>PAGE1</p>

</div>

<span style='font-size:11.0pt;line-height:107%;font-family:"Calibri","sans-serif";
mso-fareast-font-family:Calibri;mso-bidi-font-family:"Times New Roman";
mso-ansi-language:EN-US;mso-fareast-language:EN-US;mso-bidi-language:AR-SA'><br
clear=all style='page-break-before:always;mso-break-type:section-break'>
</span>

<div class=WordSection2>

<p class=MsoNormal>PAGE2</p>

</div>

</body>

</html>



зачем это открывать в ворде, если для ворда можно сгенерить вордовский xml, всяко обладающий большими возможностями? а с точки зрения html вся эта простыня сводится к строчке <br
style='page-break-before:always'>
...
Рейтинг: 0 / 0
Показать номер страниц при печати из под браузера
    #38700429
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Antonariy,

Так уж получилось. Что я на выходе могу иметь только HTML. И простыне этой решал проблему различной ориентации для различных страниц.

А вот проблему нумерации не решишь, когда браузер сам решит длинные таблы, там разбивка не ручным <br> :(
...
Рейтинг: 0 / 0
Показать номер страниц при печати из под браузера
    #38700501
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Gustly,

...так а что, ПДФ никак не сгенерить ??... По-моему, все серверные фреймворки это умеют ..
...
Рейтинг: 0 / 0
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Показать номер страниц при печати из под браузера
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]