Печать данных внутри div

Question

У меня много DIV, имеющих некоторые данные на моей веб-странице, и я хочу напечатать данные определенного div, используя "window.print ()", не открывая никаких всплывающих окон.Что мне делать?

Answer 1

Вы должны использовать CSS Media Types следующим образом:

    @media print {
        #printable {
            display:block;
            overflow: visible;
        }

        #nonprintable {
            display:none;
        }
    }
    @media screen {
        body, table, tr, td { font:12px Arial, Helvetica, sans-serif; }
        .divStyles {
            width:850px;
            height:150px;
            border: 1px solid #000;
            background-color: #ccc;
            padding: 15px;
        }
    }

Я создал для вас пример, см. Демонстрацию: http://jsfiddle.net/rathoreahsan/Vuw6D/3/