Как сделать версию для печати с js?

Question

[Сергей]

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

Answer 1

[Maksim Zverev]

Вы ведь шутите да? Зачем делать перенаправление, если человек уже заполнил форму и в медизапросах для печати вы можете стилизовать эту форму как вам угодно? Почему бы не вызвать диалог печати и параллельно с этим сохранить форму ?

Comments

[Сергей]

Видно не правильно написал. Надо чтоб некоторый текст был скрыт, но при нажатии распечатать появлялся.

[Maksim Zverev]

Сергей: и? Это решается медиазапросом media print {} и дальше в нем скрывайте, показывайте любые блоки.

[Сергей]

и пользователь сможет увидеть этот текст? Потомучто надо чтоб он мог увидеть и распечатать.

[Maksim Zverev]

Сергей: codepen.io/m1skam/pen/eNGjYb Нажмите на кнопку Печать. и сравните видимые тексты.

[Сергей]

та это не то я и сам могу это сделать) надо чтоб чел увидел заполненный договор с формы

[Сергей]

чтоб типа A4 был, и у меня нет возможности вывода в adobe или word. У меня хостинг

[Maksim Zverev]

Сергей: Вопрос надо было поставить корректно. Вам надо смотреть в сторону этого примера:

$('#inputid').keyup(function() {
    $('#somediv').html($(this).val());
});

Это пример для одного поля. Вам надо модифицировать под такую логику, вы проходите по всем Input в определенном контейнере, в input вам надо навесить допустим data-attr и по нему сопоставлять с нужными span, которому может быть присвоен id (совпадающий с data-attr) в тексте договора, который будет висеть в скрытом блоке. Текст будет просто напрямую заноситься в договор при наборе пользователем, дальше при вызове контента печать, через медиа скрыть все лишнее и показать только нужный контейнер.

Прямо сейчас я не могу написать вам js нужный :)