Страница печати Javascript

Question

Привет! У меня есть страница опроса (survey.aspx) с вопросами и ответами.Некоторые ответы имеют переключатели и флажки.На этой странице есть кнопка печати.Когда пользователь нажимает кнопку печати, открывается другая страница (survey_print.aspx) с содержимым печати.У меня есть все содержимое радио-кнопок и флажков на странице печати.Но как показать проверенные переключатели и флажки на странице печати.Это должно быть сделано с использованием Javascript или JQuery.Любая идея, как это можно сделать.Заранее спасибо

Answer 1

Пока обе страницы извлекаются с одного и того же веб-сайта, сценарий на одной может влиять на другую. Вот пример:

function printForm() {
    var preview = window.open(urlPrint);
    var inputs = document.forms.myForm.elements;
    var previewInputs = preview.document.forms.myForm.elements;

    for (var i = 0; i < inputs.length; i++) {
        var input = inputs[i];
        var previewInput = previewInputs[i];

        if (input.checked) previewInput.checked = true;
        if (input.selected) previewInput.selected = true;
    }

    preview.print();
}

Я поместил рабочий пример на jsFiddle (хотя он создает окно предварительного просмотра с document.write() вместо отдельного URL).

document.forms: https://developer.mozilla.org/en/DOM/document.forms

form.elements: https://developer.mozilla.org/en/DOM/form.elements

Answer 2

В качестве альтернативы вы можете использовать печатную таблицу стилей на странице опроса, исключая необходимость в отдельной survey_print.aspx.

Используя таблицу стилей печати, вы также получаете преимущества от правильной работы, если ваш пользователь нажимает кнопку печати своего браузера (или нажимает Ctrl + P ). Вы можете просто изменить кнопку печати своей страницы, чтобы позвонить window.print().

Answer 3

Вам нужно будет отправить выбранные значения на страницу печати (в качестве параметров POST или GET).Если вы используете jQuery, возможно, вы захотите взглянуть на функцию click и селектор : input .

Другая идея - полностью опустить страницу печати и предоставитьнемного CSS для печатного типа .Этот стиль затем используется только для представления печати (вы можете скрыть навигацию сайтов, заголовок, нижний колонтитул и т. Д.).

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