2009-08-03 87 views
1

我在做一個像表單生成器這樣的應用程序。使用JQuery預覽彈出窗口

我有一個設計頁面,我使用JQuery生成字段並在同一頁面的預覽面板中的Div中顯示它們。

在我的代碼中,我通過迭代預覽面板中的所有Div來保存表單中的所有字段。

現在我想添加一個功能來在彈出窗口中的預覽面板中顯示所有的Divs,就像當我點擊Save Form按鈕時,它必須在預覽面板中的預覽面板中顯示所有的DIvs,就像預覽然後它必須保存表單。

如何在代碼中包含預覽選項以在彈出窗口中顯示預覽?

我的代碼來保存形式是這樣的:

$("#fb_contentarea_col1down21 div").each(function() { 
        var checked="false";  
         var id=$(this).attr("id"); 

         //var fname=$("#label"+id+"").text(); 

         var fsize=$("#input"+id+"").width(); 

         var ftype=$("#input"+id+"").attr('data-attr'); 

         var finstr=$("#instr"+id+"").text(); 

         var fname=$("#label"+id+"").clone().html().replace(/<span.*/,''); 

         if($("#label"+id+"> span.req").length > 0) 
         { 

         checked="true"; 

         } 

         $.ajax({ 
             type: "POST", 
             url: "http://localhost/FormBuilder/index.php/forms/saveField", 

數據: 「sequence_no =」 + ID +」 &名稱= 「+ FNAME +」 &類型= 「+ FTYPE +」 &大小= 「+ FSIZE +」 & INSTR = 「+ finstr +」 & formid = 「+ getformid +」 &所需=「+檢查,

         success: function(msg){ 
            //alert("Data Saved: " + msg); 
             }//success 
             });//ajax 




      });//Loop 

我fb_contentarea_col1down21具有顯示我的表格的所有領域的所有div。

I am iterating through it and saving all the Fields. 

如何使用JQuery在彈出窗口中將所有這些顯示爲預覽。

回答

0

您可以使用PHP並使用GET方法發送從表單(使用JavaScript)檢索的值。

現在,你實際上不會發布任何東西,只是打開使用JavaScript一個新的彈出窗口,您想要的網址與附加到URL的末尾的所有參數:

http://mysite.com/somepage.php?param1=hello&param2=world 

有PHP您在新的彈出窗口打開網頁檢索這些值:

$param1 = $_GET["param1"]; 
$param2 = $_GET["param2"]; 

然後利用這些變量來創建一個預覽面板。

注:

的URL長度的規範沒有規定 最小或最大URL 長度,但由執行器 變化。在Windows上:Opera支持 〜4050字,IE 4.0以上版本支持 正好2083個字符,網景3 - > 4.78支持多達8192個字符的關機, 和Netscape 6支持〜2000年導致錯誤之前 上導致錯誤之前啓動。 〜(經由What is the limit on QueryString/GET/URL parameters?

由於