Кодирование формы, которая генерирует всплывающее изображение при отправке

Question

Я ищу несколько общих советов по дизайну кода формы, которая должна генерировать изображение при отправке.Я новичок в этом, и передача данных из формы в генератор изображений поставила меня в тупик.Любой совет приветствуется (у меня большой опыт работы с C, немного JavaScript, нет php).

Проблема: пользователь должен заполнить форму (в Joomla).Пользователь устанавливает ряд параметров и нажимает кнопку «Отправить».Когда я вижу отправку, мне нужно вызвать программу на C, передав ей параметры формы.Затем программа C выводит JavaScript (который кодирует изображение SVG).Затем это изображение должно появиться (желательно в модальном режиме) в браузере клиента.

Мне не удалось найти существующее расширение Joomla, которое бы делало что-то подобное или которое я могу изменить, чтобы сделать это.

Я могу написать php для вызова кода C, но как мне получить данные формы в php и организовать отображение во всплывающем окне?У меня есть общее представление о том, как я могу использовать jQuery для ответа на отправку формы и для создания всплывающего окна с использованием данных из формы (в соответствии с http://www.sohtanaka.com/web-design/inline-modal-window-w-css-and-jquery/). Однако я не вижу, что этоОсновная проблема заключается в том, что мне нужно сгенерировать SVG JavaScript на сервере, и я не могу повлиять на это из клиентского кода jQuery (я думаю). Клиентский код не может, я думаю, сделать больше, чем стильвсплывающее окно.

Любые указатели оценены.

Answer 1

Не могли бы вы сделать что-то подобное ...

HTML

<form id="svgGetter">
//form content
</form>

<div id="svgSetter"></div>

JQuery

  $('form#svgGetter').submit(function() {  
    alert("Posting data...");  

    $.post("yoursvgcreater.php", $(this).serialize(), function(data) {  
      if (data)  
      {  
        alert("It worked.");  
        $('svgSetter').wrapInner('<svg />').append(data);
      }   
    });  
    return false;  
  });