[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Не применяются стили из css файла
Kusss
Хочу распечатать отдельный блок страницы в виде таблицы.
function print(id = 0){
let block = $('[rel="'+ id +'"].print_page'),
new_block = vrach_block.clone();
// удаляю кнопку
new_block.find('input').remove();

newWin = window.open("");
newWin.document.write('<link href="/css/style.css" rel="stylesheet" type="text/css">');
newWin.document.write(new_block.html());
//newWin.print();
//newWin.close();

}
Появляется отдельное окно с нужным блоком, но вот стили к таблице не применяются.

После блока "body" идет "div" и к нему стили применяются.
killer8080
Укажи полный урл в link. Относительный урл во всплывающем окне работать не будет.



Спустя 26 минут, 45 секунд killer8080 написал(а):
newWin.document.write('<link href="'+ location.protocol +'//'+ location.host +'/css/style.css" rel="stylesheet" type="text/css">');

Kusss
Ничего не поменялось.

Относительный путь работает. Стили не хотят работать только с таблицей. Переназначение решило мою проблему (размер шрифта).
<table .... style="margin-bottom: 10px;font-size: inherit;">
killer8080
Цитата (Kusss @ 23.11.2022 - 08:23)
Стили не хотят работать только с таблицей. Переназначение решило мою проблему (размер шрифта).

возможно проблема в селекторах, покажи как прописаны стили для таблицы.
В новом окне структура DOM изменилась, если селекторы для таблицы были относительно корневых элементов выше new_block.html() то естественно работать не будет.
Kusss
Стилей для таблицы нет, штатные браузера.
Их я и переназначил
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.