Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   При отправке страницы на печать е подключаються стили! Что посоветуете! (https://javascript.ru/forum/misc/6587-pri-otpravke-stranicy-na-pechat-e-podklyuchayutsya-stili-chto-posovetuete.html)

bozeak 07.12.2009 16:25

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

subzey 07.12.2009 16:31

Цитата:

<link href="raport_style.css" rel="stylesheet" type="text/css" media="screen">
<link href="raport_style.css" rel="stylesheet" type="text/css" media="print">
Один и тот же?

bozeak 07.12.2009 16:46

Цитата:

Сообщение от subzey (Сообщение 37368)
Один и тот же?

Да! Я посчитал что будет какаято разница между ними если будут стоять разные типы "media"

subzey 07.12.2009 18:04

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

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


Часовой пояс GMT +3, время: 09:13.