Антон

Я бы посмотрел в devtools на вкладку Event Listeners у элемента. события change, blur, input, keyup - в общем те, которые на изменение значения реагируют. Либо же в Sources - там в правой колонке Event Listeners Breakpoints - там брейкпойнтов наставил на события ввода.

Отлавливаете событие сабмита формы примерно так

$("#form-id").on('submit',function(e){
e.preventDefault();
addScript("https://paymaster.ru/ru-RU/widget/Basic/1?LMI_MERCHANT_ID=111&LMI_PAYMENT_AMOUNT=<?php echo $a; ?>");
});

function addScript( src,callback) {
  var s = document.createElement( 'script' );
  s.setAttribute( 'src', src );
  s.onload=callback;
  document.body.appendChild( s );
}

если надо - добавляете коллбек на загрузку скрипта.
Код не запускал - просто показал идею.

Предложу еще вариант - wkhtmltopdf или wkhtmltox. Это бинарник, который надо запускать на сервере из командной строки, ну или через функции аля exec(). На входе ему нужен html, из которого он формирует pdf. Так как используется движок webkit - то поддерживает всякие css. Ну а уж сформировать html на сервере по пришедшим данным, я думаю, это задачка тривиальная.

Вы про конкретный инструмент спрашиваете или как теоретически это сделать?
Если теоретически - то стили можно прописать или
<style></style>
или инлайном
Со скриптами - аналогично, есть тег
<script></script>
Картинки - гуглите data uri.

Заменить квадратные скобки на соответствующие html-сущности?

Посмотрите вот этот загрузчик docs.fineuploader.com/api/methods.html и метод addBlobs() - через него можно передать данные и он отправит их как файл а сервер.

Как-то в плагине для tinyMce обращался к сервису, созданному через factory вот таким образом:

var AppData = window.parent.angular.element(window.parent.document).injector().get('AppData');

т.е. через injector можно достучаться до ваших angular-сервисов и встроенных функций.

Сейчас не найду, но где-то читал аналогичный вопрос — там автор решил применить модель BEM для стилизации своего html-кода на чужом сайте, чтобы не пересекаться по стилям. Подробности, к сожалению, не запомнил, так как не верстальщик.
От себя — насколько я в курсе, к элементу применяется стиль от самого специфичного селектора. Может быть вам просто использовать какие-то уникальные id/class, чтобы ваши стили всегда были на элементе?

dailyjs.com/2012/11/02/on-screen-guidance-intro/ — подборочка из 4 библиотек для того, что вам нужно, судя по всему.

Не совсем ответ на вопрос, но может даст пищу для размышлений. При установке кода яндекс.метрики с включенной картой кликов раньше было предупреждение о том, что при включении данной опции будет пауза между кликом и переходом по ссылке в 0,3 секунды. Видимо там всё-таки отправляют данные (либо может динамически создают картинку с урлом, в котором кодируют данные — не суть). А вообще есть же скрипты с подобной функциональностью — та же Яндекс.метрика — её расковырять не пробовали?

Флеш не вариант? Тот же загрузчик Вконтакте тумбочки показывает от фоток без загрузки на сервер.

@smashingmag на мой взгляд всякие актуальные штуки публикует. Ну и потом смотрите кого твиттер посоветует или кого смешингмаг ретвитит. Я так себе подборку собирал.

Деньги пользователя IE6 ничем не отличаются от денег Firefox и Opera

2010.404fest.ru/video/item-23/