Мне нужна форма, которая будет применять класс к DIV, если флажок в форме установлен, а затем нажмите кнопку отправки распечатать страницу - PullRequest
Новая
       4

Мне нужна форма, которая будет применять класс к DIV, если флажок в форме установлен, а затем нажмите кнопку отправки распечатать страницу

0 голосов
/ 28 января 2011

Настройка: когда пользователь заходит на страницу, он будет иметь свою информацию на странице, которую он поместил в предыдущей форме для просмотра. Также на странице будет форма с 3 опциями, перечисленными с флажком для каждой опции, и кнопка внизу формы с надписью «Печать».

Информация в верхней части страницы, которую просматривает пользователь, также применяется к трем буквам, которые заключены в div с скрытым отображением. Каждый флажок представляет одну из скрытых букв, скажем, letter1, letter2 и letter3.

Итак, мне нужна форма, которая будет иметь флажок для каждой из 3 букв, кнопку отправки, которая печатает всю страницу при нажатии, и форму, чтобы применить класс к каждому из выбранных элементов письма при печати нажата кнопка, поэтому print.css будет печатать только те элементы div, к которым применен этот класс. Я бы предпочел, чтобы все это было сделано с использованием javascript или jquery, но на самом деле приветствуется любой простой метод.

Спасибо всем за помощь! 

<form action="" id="letterPrint">

<input type="checkbox" name="letter1" value="letter1" /> Letter 1

<input type="checkbox" name="letter2" value="letter2" /> Letter 2

<input type="checkbox" name="letter3" value="letter3" /> Letter 3

<input type="submit" value="print" />

</form>

Пока это моя форма.

Ответы [ 2 ]

0 голосов
/ 28 января 2011
0 голосов
/ 28 января 2011

Во-первых, для добавления таблицы стилей печати не нужен класс для определенных элементов div. Следующий код делает это так, что когда ваша страница печатается, она берет вашу распечатку CSS и применяет ее к странице, прежде чем она будет отправлена ​​на печать. 

<link rel="stylesheet" type="text/css" href="path/to/screen.css" media="screen" />

<link rel="stylesheet" type="text/css" href="path/to/print.css" media="print"/>

Автоматическая печать будет сложнее, чем кажется. Но вы можете использовать этот код, чтобы вызвать окно печати 

if (window.print) {
    window.print();
}

Отправка страницы непосредственно на принтер для печати невозможна, поскольку информация для печати, необходимая для отправки данных на принтер, находится в операционной системе. JavaScript взаимодействует только с браузером.

...