2011-10-31 75 views
0

我正在尋找一些關於必須在提交時生成圖像的表單的代碼設計的一般建議。我是新手,從形式到圖像發生器的數據通信讓我難堪。任何建議表示讚賞(我有很多的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代碼(我認爲)中影響這一點。我認爲,客戶端代碼不能完成比彈出窗口更多的功能。

任何指針讚賞。

+0

請求的SVG提交後throught PHP,或做它用jQuery的AJAX和插入它進入模態,啓動模態。你已經有發送表單的代碼,生成SVG了嗎? –

+0

有jQuery的張貼與AJAX數據: '$阿賈克斯({ 類型: 'POST', 網址:網址, 數據:數據, 成功:成功, 的dataType:數據類型 });' – Tim

+0

好,所以一般的想法是,我使用JavaScript響應客戶端上的表單提交,然後使用AJAX將查詢發回服務器?服務器響應圖像數據?這是否意味着我必須將所有的表單參數數據放在url中,然後在php中解析服務器上的url? @Marco:我現在只有SVG代碼 - 試圖找出下一步要去的地方! – EML

回答

0

你不能做這樣的事......

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; 
    });