投稿時に画像ポップアップを生成するフォームのコーディング

Question

投稿時に画像を生成するフォームのコードデザインに関する一般的なアドバイスを探しています。私はこれが初めてで、フォームから画像ジェネレーターへのデータ通信は私を困惑させました。任意のアドバイスをいただきました（私はCの経験、JavaScriptのビット、PHPのをたくさん持っている）。

問題：ユーザーは（Joomlaの）フォームに記入する必要があります。ユーザは、いくつかのパラメータを設定し、submitをヒットします。投稿が表示されたら、フォームパラメータを渡してCプログラムを呼び出す必要があります。次に、CプログラムはJavaScript（SVGイメージをコード化する）を出力します。この画像は、クライアントのブラウザに現れなければならない（できればモーダルでなければならない）。

私はこのようなことをする既存のJoomla拡張モジュールを見つけることができませんでした。

私はCコードを呼び出すためにphpを書くことはできますが、フォームデータを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; 
    });