Печать куска текста со сранички

Torvin · April 25, 2011

День добрый всем!

Извиняюсь за глупость вопроса, но проблема такая:

есть страничка со списком пунктов самовывоза (например вот такая _http://www.wildberries.ru/services/shipment.aspx) как лучше реализовать кнопку печать для каждого пункта в отдельности? если не создавать для каждого отдельно страничку.

есть идея сделать к каждому пункту самовывоза картинку (где будет карта и текст с описанием как дойти) и кнопку с "распечатать" которая просто будет отправлять эту картинку на печать, только как это реализовать и будет ли это корректно?

Aleksty · April 25, 2011

А если подгружать страницу с кнопкой печать во фрейм?

Говорят, что это анахронизм, хотя главное наверное чтобы работало :blush:

ЗЫ. Наверное можно сделать, что в этом iframe, будет торчать только сама кнопка "печать", типа нажали на ссылку "отправить на печать", появилась кнопка.

Edited April 25, 2011 by Aleksty

Justnewone · April 25, 2011

воспользоваться media print, в котором обозначить видимость блока с определенным классом и скрыть все остальное.

на клик по кнопке назначать этот класс блоку с необходимым текстом.

Torvin · April 25, 2011

воспользоваться media print, в котором обозначить видимость блока с определенным классом и скрыть все остальное.
на клик по кнопке назначать этот класс блоку с необходимым текстом.

А можно пример кода написать? Буду при много благодарен :blush:

Great Rash · April 25, 2011

Конечно можно: «css media print» в Google. :blush:

Justnewone · April 25, 2011

@media print{
тут все кроме нужного скрываем лишь
.some-class{display:block или visibility:visible}
}

на JQ 
$(некая кнопка).click( function { $(нужный блок).addClass("some-class") });

Aleksty · April 25, 2011

Поправьте если не трудно?

Такой вариант пролезет????


Нет!

главное не скопировать, решение Гуру, а понять в чем смысл совершаемых действий!

понять принцип работы!

это главное, значит будем искать варианты.

зы. есть и у меня такая проблема!

Edited April 25, 2011 by Aleksty

Torvin · April 25, 2011

всем спасибо большое, буду разбираться

Aleksty · April 25, 2011

Блин, все же получилось без jquery.

Хорошая тренировка мозгов. :blush:


<style type="text/css">
.visio {
	visibility: visible;
}
#printer {
	visibility: hidden;
}
</style>
<script type="text/javascript">
function Hidden(){
	document.getElementById('printer').style.visibility = 'hidden';
}
function Print(){
	window.print(document.getElementById('printer').style.visibility = 'visible');
	Hidden();
}
</script>
</head>
<body>
	<input type="button" onClick="Print();" value="печать">
	<div id="printer">
		Карта
		<img src="images/foto_bz_prev_01.gif">
	</div>
</body>
</html>

саму кнопку таким макаром тоже можно скрыть, чтоб не печаталась.

Sign In

Печать куска текста со сранички

Question

Torvin

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Aleksty

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

Torvin

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

Aleksty

Link to comment

Share on other sites

Torvin

Link to comment

Share on other sites

Aleksty

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information