Как использовать значения поля ввода в нижнем колонтитуле плагинов PrintThis

$(document).on("click", "#btnPrin9t", function(e) {
  // e.preventDefault();
  // e.stopPropagation();
  $("#table, #txtW, #txtAt").printThis({
    debug: false, // show the iframe for debugging
    importCSS: true, // import page CSS
    importStyle: true, // import style tags
    printContainer: true, // grab outer container as well as the contents of the selector
    loadCSS: "", // path to additional css file - use an array [] for multiple
    pageTitle: "", // add title to print page
    removeInline: true, // remove all inline styles from print elements
    printDelay: 0, // variable print delay; depending on complexity a higher value may be necessary
    base: true,
    header: "",
    footer: "<br>Total in Words:'"
    $('#txtWord').val()
    "'", // prefix to html
    formValues: true // preserve input/form values
  });
});

Я хочу напечатать значение поля ввода с помощью нижнего колонтитула. Я могу использовать кнопку печати, как показано в первой строке, но для некоторой настройки. Я хочу использовать в нижнем колонтитуле, может кто-нибудь поможет.

Я также рекомендую оставить минимальное значение printDelay по умолчанию, поскольку использование 0 может быть проблематичным в разных браузерах.

Jason 27.03.2018 15:18

@Jason, Как добавить собственный файл css в loadCSS: "", а также получить ошибку в других файлах css, которые полезны для моей веб-страницы. Как побороться с того.

Beta 28.03.2018 06:46

используйте полный путь к файлу CSS при использовании loadCSS

Jason 12.04.2018 21:54

@Jason, квалифицированный путь для моей передней страницы или для файла PrintJs. Для какого файла я должен указать полный квалифицированный путь.

Beta 13.04.2018 07:18
loadCSS требуется полный URL-адрес файла CSS.
Jason 23.05.2018 02:15
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
5
256
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Для конкатенации строки в javascript мы используем +

Итак, вместо этого:

"<br>Total in Words:'"$('#txtWord').val()"'"

пытаться:

"<br>Total in Words:'"+$('#txtWord').val()+"'"

Итак, ваш код будет таким:

 $(document).on("click", "#btnPrin9t", function (e) {
   // e.preventDefault();
  // e.stopPropagation();
  $("#table, #txtW, #txtAt").printThis({
    debug: false, // show the iframe for debugging
    importCSS: true, // import page CSS
    importStyle: true, // import style tags
    printContainer: true, // grab outer container as well as the contents of the selector
    loadCSS: "", // path to additional css file - use an array [] for multiple
    pageTitle: "", // add title to print page
    removeInline: true, // remove all inline styles from print elements
    printDelay: 0, // variable print delay; depending on complexity a higher value may be necessary
    base: true,
    header: "",
    footer: "<br>Total in Words:'"+$('#txtWord').val()+"'", // prefix to html
    formValues: true            // preserve input/form values
  });
});

Не получается, результат - только одна двойная кавычка: "

Beta 27.03.2018 08:19

можете добавить фрагменты кода своей попытки. это помогает лучше понять вашу проблему, а также попробуйте console.info($('#txtWord').val()) убедиться, что он имеет какую-то ценность.

Vishal Taj PM 27.03.2018 08:23

У меня проблема с ответом: я обращаюсь к значению div как val (), вместо того, чтобы обращаться к text (). Благодарю за ваш ответ.

Beta 27.03.2018 08:33

о, круто :). для вашей информации мы можем получить доступ к контенту div только через text() или html() в jquery. val() предназначен для элементов формы

Vishal Taj PM 27.03.2018 08:36

Другие вопросы по теме