Предварительный просмотр всплывающего окна с использованием 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",

data: "sequence_no =" + id + "& name =" + fname + "& type =" + ftype + "& size =" + fsize + "& instr =" + finstr + "& formid =" + getformid + "& required =" + флажок,

                                       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 и отправлять значения, полученные из формы (используя JavaScript), с помощью метода GET.

Теперь вы на самом деле ничего не будете публиковать, просто открыв новое всплывающее окно, используя JavaScript с нужным вам URL со всеми параметрами, добавленными в конец 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 персонажа, Netscape 3 -> 4.78 поддерживает до 8192 символов, прежде чем вызывать ошибки при завершении работы, и Netscape 6 поддерживает ~ 2000 раньше вызывая ошибки при запуске. ~ (через Какое ограничение на параметры QueryString / GET / URL? )

Спасибо