Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Показать номер страниц при печати из под браузера / 10 сообщений из 10, страница 1 из 1
17.07.2014, 12:12
    #38698828
Gustly
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
| Ответить | Цитировать | Написать  
17.07.2014, 15:02
    #38699198
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Показать номер страниц при печати из под браузера
Никак.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2014, 15:09
    #38699217
Gustly
Gustly
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Показать номер страниц при печати из под браузера
Antonariy,

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

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

P.S. Можно ли тогда через IE редактировать реестр, через visual basic ? Безопасность убрана (локальная сеть).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2014, 16:01
    #38699320
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Показать номер страниц при печати из под браузера
Посмотрел пример. Действительно, похоже на правду.
Возможно ему не хватает @page size, читай тут: http://www.w3.org/TR/2006/WD-css3-page-20061010/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.07.2014, 16:08
    #38699338
Gustly
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
| Ответить | Цитировать | Написать  
17.07.2014, 19:26
    #38699638
The_ShadoW
The_ShadoW
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Показать номер страниц при печати из под браузера
CSS3 Paged Media поддерживается даже самыми моднявыми браузерами (FF, Chrome) до сих пор только на уровне "совсем чуть-чуть".
ИЕ8 -- я бы даже и надеяться не стал.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.07.2014, 10:48
    #38700065
Gustly
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
| Ответить | Цитировать | Написать  
18.07.2014, 12:54
    #38700261
Antonariy
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
| Ответить | Цитировать | Написать  
18.07.2014, 14:53
    #38700429
Gustly
Gustly
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Показать номер страниц при печати из под браузера
Antonariy,

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

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

...так а что, ПДФ никак не сгенерить ??... По-моему, все серверные фреймворки это умеют ..
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Показать номер страниц при печати из под браузера / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 487ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1446895]:
 0ms
get settings:
 8ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 168ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 54ms
get tp. blocked users:
 1ms
others: 223ms
total:  487ms
x
x
Закрыть


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