Форма HTML / JS с расчетами, затем вывод результата в формате PDF

Question

Я хотел бы создать форму в HTML, где пользователь вводит некоторые данные, и через JS эти данные используются для вычисления результатов, которые выводятся в поля результатов в режиме реального времени.Я имею в виду, что, скажем, я ввел Возраст (24) и Рост (1,82 м), поле автоматически отобразит результат 24 * 1,82 после ввода 1,82.

Также я хотел бы знать, каквывести веб-страницу в формате PDF.

Answer 1

Первый вопрос:

function calc() {
   var a = parseFloat(document.getElementById('field1').value);
   var b = parseFloat(document.getElementById('field2').value);
   document.getElementById('total').value = a * b;
}

Получает значения из 2 полей (field1 и field2), умножает их вместе и затем обновляет value входа total. Пример HTML, используемый с вышеупомянутым, будет:

<input id="field1" onblur="calc()" value="24" />
<input id="field2" onblur="calc()" value="1.82" />
<input id="total" value="" />

атрибут onblur вызывает указанную функцию (calc()), когда input теряет фокус. Обратите внимание, что это очень простой пример и не содержит проверки ошибок (т. Е. Присутствует число и т. Д.)

Второй вопрос:

Для создания PDF-файлов из HTML wkhtmltopdf - лучшее, что я использовал - он прост в использовании и имеет множество оболочек для разных языков (на стороне сервера, а не на стороне клиента). Он также работает как отдельное приложение (на сервере). Ох, и это бесплатно!

Answer 2

Вам нужно будет ввести поля, добавить прослушиватель событий, который запускается при изменении содержимого, а затем просто заполнить ввод «результат» результатом.С использованием jQuery это будет очень просто.

Для создания PDF-файлов в Javascript взгляните на эту библиотеку:

• http://code.google.com/p/jspdf/