Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.12.2009, 16:25
Аватар для bozeak
Новичок на форуме
Отправить личное сообщение для bozeak Посмотреть профиль Найти все сообщения от bozeak
 
Регистрация: 09.11.2009
Сообщений: 6

При отправке страницы на печать е подключаються стили! Что посоветуете!
Всем доброго времени суток!
Есть такая проблема: На страничке с таблицей прикручена ссылочка для печати этой таблицы. Всё работает, на печать отправляется, но вот незадача - стили не подгружаются или подгружаются но в таком масштабе что таблица которая конструктивно должна помещаться на одном листе растягиваеться на 2 с половиной листа!

Что это может быть?

<link href="raport_style.css" rel="stylesheet" type="text/css" media="screen">
<link href="raport_style.css" rel="stylesheet" type="text/css" media="print">

<script language="JavaScript">
var gAutoPrint = true; // Flag for whether or not to automatically call the print function
function printSpecial()
{
	if (document.getElementById != null)
	{
		var html = '<HTML>\n<HEAD>\n';
		if (document.getElementsByTagName != null)
		{
			var headTags = document.getElementsByTagName("head");
			if (headTags.length > 0)
				html += headTags[0].innerHTML;
		}
		html += '\n</HE' + 'AD>\n<BODY>\n';
		var printReadyElem = document.getElementById("printReady");
		if (printReadyElem != null)
		{
				html += printReadyElem.innerHTML;
		}
		else
		{
			alert("Could not find the printReady section in the HTML");
			return;
		}
		html += '\n</BO' + 'DY>\n</HT' + 'ML>';
		var printWin = window.open("","printSpecial");
		printWin.document.open();
		printWin.document.write(html);
		printWin.document.close();
		if (gAutoPrint)
			printWin.print();
	}
	else
	{
		alert("Sorry, the print ready feature is only available in modern browsers.");
	}
}
</script>


а тут идёт ссылка на печать с опциями и div в который помещается табличка

<div align="right"><a href="javascript:void(printSpecial())" onclick="window.open("","printSpecial","status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no"); return false;" rel="nofollow"><img style="border: none;" src="../img/print.gif" alt="Print this page"></a></div>
<div id="printReady">
   [I].... тело таблицы ...[/I]
</div>
Ответить с цитированием
  #2 (permalink)  
Старый 07.12.2009, 16:31
Аватар для subzey
Пионэр
Отправить личное сообщение для subzey Посмотреть профиль Найти все сообщения от subzey
 
Регистрация: 16.11.2009
Сообщений: 1,322

Цитата:
<link href="raport_style.css" rel="stylesheet" type="text/css" media="screen">
<link href="raport_style.css" rel="stylesheet" type="text/css" media="print">
Один и тот же?
Ответить с цитированием
  #3 (permalink)  
Старый 07.12.2009, 16:46
Аватар для bozeak
Новичок на форуме
Отправить личное сообщение для bozeak Посмотреть профиль Найти все сообщения от bozeak
 
Регистрация: 09.11.2009
Сообщений: 6

Сообщение от subzey Посмотреть сообщение
Один и тот же?
Да! Я посчитал что будет какаято разница между ними если будут стоять разные типы "media"
Ответить с цитированием
  #4 (permalink)  
Старый 07.12.2009, 18:04
Аватар для subzey
Пионэр
Отправить личное сообщение для subzey Посмотреть профиль Найти все сообщения от subzey
 
Регистрация: 16.11.2009
Сообщений: 1,322

Параметр media (и директива @media) означает, что эти правила подключаются только для определенного типа устройств вывода (и при определенных условиях в случае media queries), но не более. Они даже не учитываются при расчете специфицированности правил.

Т.е., то, чего Вы добились такой записью, — это то, что на устройствах "tv" и "projection" Ваша страница будет показываться без стилей.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как разделять страницы при выводе отчета ilshat Events/DOM/Window 7 10.12.2009 10:24
Печать страницы p2t Events/DOM/Window 1 06.05.2008 17:57