Пустить на печат часть документа html

Тема в разделе "Другие языки", создана пользователем rasandrey, 17 июн 2010.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. rasandrey

    rasandrey

    Регистр.:
    2 апр 2009
    Сообщения:
    214
    Симпатии:
    6
    Есть html страница. На странице очень много div-ов, нужно пустит содержимое одного из div (может по id) на печать... Как это можно сделать? Предполагаю, что на JS
     
  2. Avrilfan

    Avrilfan Создатель

    Регистр.:
    19 май 2009
    Сообщения:
    24
    Симпатии:
    3
    print.css
    для всего остального, кроме указанного diva, указываешь display:none
     
  3. farm

    farm

    Регистр.:
    8 июн 2006
    Сообщения:
    536
    Симпатии:
    105
    На php наверное лучше

     
  4. Avrilfan

    Avrilfan Создатель

    Регистр.:
    19 май 2009
    Сообщения:
    24
    Симпатии:
    3
    Php здесь совсем не нужен.
    Css как раз и был создан для таких задач, ведь принтер это всего лишь ещё одно устройство отбражения со своей спецификой.
     
  5. rasandrey

    rasandrey

    Регистр.:
    2 апр 2009
    Сообщения:
    214
    Симпатии:
    6
    Расскажите, пожалуйста, на примерее:

    HTML:
     <a class="print" onclick="print_doc()">Печать</a></p>
    <div class="clas1">
      текст на печать
    </div>
    <div class="clas2">
        не печатать текст
    </div>
    HTML:
    ]	<script language="JavaScript" type="text/javascript">
    	
    	function print_doc(){
    	window.print() ;
    	}
    	
    	</script>
    Как пустить на печать содержимое clas1.
    Если я создам файл стилей и укажу .clas2 {display:none}, то он и на странице отображаться не будет....
     
  6. Avrilfan

    Avrilfan Создатель

    Регистр.:
    19 май 2009
    Сообщения:
    24
    Симпатии:
    3
    <link href="style.css" media="all" rel="stylesheet" type="text/css" />
    <link href="print.css" media="print" rel="stylesheet" type="text/css" />
    Если вы напишите в print.css для элемента display:none то он не будет отображаться только при предварительном просмотре и печати. Во всех остальных случаях используется другой css файл.
    Для примера зайдите на Перейти по ссылке и попробуйте распечатать (файл-печать или файл->предварительный просмотр).
     
    rasandrey нравится это.
  7. polyetilen

    polyetilen Заблокирован

    Регистр.:
    10 авг 2006
    Сообщения:
    814
    Симпатии:
    474
    ещё можно дополнить css файл стиля добавив стиль для принтера
    HTML:
    
    @media print{
        .clas2{
            display:none;
        }
    }
    
    или если куча div
    HTML:
    
    @media print{
        div{
            display:none;
        }
        .clas1{
            display:block;
        }
    }
    
     
  8. alica

    alica

    Регистр.:
    28 июл 2008
    Сообщения:
    243
    Симпатии:
    76
Статус темы:
Закрыта.