JQueryを使用したプレビューポップアップウィンドウ

Question

フォームビルダーのようなアプリケーションを実行しています。

私は、JQueryを使用してフィールドを生成し、同じページのプレビューパネルのDivでそれぞれを表示する設計ページを用意しています。

私のコードでは、プレビューパネルのすべてのDivを繰り返し処理することで、フォーム内のすべてのフィールドを保存しています。

プレビューパネルのすべてのDivをポップアップウィンドウに表示する機能を追加したいのですが、[フォームを保存]ボタンをクリックするとプレビューのようなプレビューパネルのすべてのDIVが表示されるはずですフォームを保存する必要があります。

[プレビュー]オプションを[コード]に含めて、プレビューをポップアップウィンドウに表示する方法もありますか？

フォームを保存するための私のコードは次のようである：

$("#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 +" &フォームID = "+ 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を使用するポップアップウィンドウでプレビューのように表示する方法。

Answer 1

PHPを利用して、取得した値をGETメソッドを使用してフォームから（JavaScriptを使用して）送信することができます。

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

はPHPの有無：

は今、あなたは実際にはURLの末尾に追加するすべてのパラメータをご希望のURLではJavaScriptを使用して、新しいポップアップウィンドウを開く、何も掲示されません新しいポップアップウィンドウで開くページは、次の値を取得します。

$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?経由）