powered by simpleCommunicator - 2.0.46     © 2025 Programmizd 02
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / При печати блока страницы выходят 5 одинаковых страниц
9 сообщений из 9, страница 1 из 1
При печати блока страницы выходят 5 одинаковых страниц
    #40111643
seg856
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
в блоке .box находятся qr-код, логин, пароль, ФИО пациента.
При печати страницы (то есть блока .box), на печать идет 5 страниц, на каждой из которой продублирован этот блок.
Где искать причину?

<style>
@media print { /* Стиль для печати */
body{
visibility: hidden;
}
/* Блок который нужно отобразить */
.box {
visibility: visible;
height:100%;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
page-break-after: auto;
}
}
</style>

...

<div class="modal-body box" >
<div id="qrcode"></div>
<table>
<tr>
<td><label>Логин</label></td><td class="col-10"><label name="login" url="pcab_archipatient" ></label></td>
</tr>
<tr>
<td><label>Пароль</label></td><td class="col-10"><label name="pwd" url="pcab_archipatient" ></label></td>

</tr>
<tr>

<td><label>Пациент</label></td><td class="col-10"><label name="patient" autocomplete="off" url="pcab_archipatient"></label></td>
</tr>

</table>

</div>
...
Рейтинг: 0 / 0
При печати блока страницы выходят 5 одинаковых страниц
    #40111730
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
seg856 , т.е. если я все это твое скопирую в свой пустой файл хтмл и соберусь его распечатать - оно распечатается несколько раз?
...
Рейтинг: 0 / 0
При печати блока страницы выходят 5 одинаковых страниц
    #40111793
voraa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
seg856,
Почему дублируется блок 5 раз трудно сказать, не видя всего, но предположить, почему это занимает 5 листов можно.
body{
visibility: hidden;
}
visibility: hidden - делает элемент невидимым, но он продолжает занимать тоже место, что и видимый. Если видимый body занимает 5 листов на бумаге, то он и будет занимать это место.
...
Рейтинг: 0 / 0
При печати блока страницы выходят 5 одинаковых страниц
    #40111936
seg856
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
voraa, а как по-другому исключить все объекты кроме .box из печати?
...
Рейтинг: 0 / 0
При печати блока страницы выходят 5 одинаковых страниц
    #40111948
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
seg856
а как по-другому исключить все объекты кроме .box из печати?

Код: css
1.
display: none;
...
Рейтинг: 0 / 0
При печати блока страницы выходят 5 одинаковых страниц
    #40111951
seg856
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa,
Спасибо, помогло
...
Рейтинг: 0 / 0
При печати блока страницы выходят 5 одинаковых страниц
    #40112454
seg856
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa, хотя не помогло. Блок .box не выходит на печать при таких стилях

<style>
@media print { /* Стиль для печати */

body{
/*visibility: none;*/

display: none;
}
/* Блок который нужно отобразить */
.box {
display: block;

/* height:100%;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
page-break-after: auto;*/
}
}
</style>
...
Рейтинг: 0 / 0
При печати блока страницы выходят 5 одинаковых страниц
    #40112456
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
seg856 , не совсем понятен твой принцип...
Ты скрываешь все body (т.е. весь документ), а потом хочешь показать какую-то часть документа...
Код: 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.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<!--
<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
-->
<style>
@media print {
	body {
		display: none;
	}
	#test {
		display: block;
	}
}
</style>
<script>
</script>
</head>
<body>
<p id='test'>Пример текста</p>
</body>
</html>


Такое не будет работать.
Тебе придется скрыть все элементы (до нужного вложения) кроме нужного.
...
Рейтинг: 0 / 0
При печати блока страницы выходят 5 одинаковых страниц
    #40112659
voraa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
seg856,

Я для печати использовал такую штуку

Есть отдельный файл print.html
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
<!doctype html>
<html>
<head>
 <meta http-equiv="Content-type" content="text/html; charset=utf-8" lang="ru">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<title></title>
<style>
/*
Тут можно разместить стили для печати
*/
</style>
</head>
<body>
</body>
</html>



Когда надо что то напечатать

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
const s = // любая строка, например, div.outerHTML

const wpr = window.open ('print.html, 'print', "left=0,top=0,width=700,height=600");

wpr.onload= ()=>{
	wpr.document.body.innerHTML = s;
	wpr.print();
}
...
Рейтинг: 0 / 0
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / При печати блока страницы выходят 5 одинаковых страниц
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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