Von Version 11.10
bearbeitet von gru
am 02.03.2023, 09:19
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 14.5
bearbeitet von gru
am 02.03.2023, 10:03
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,79 +1,12 @@
1 -== 1. Externen Kontext via iFrame einbinden z.B. ==
2 -
3 -[[https://pro.form.cloud/formcycle/external/forms/main.xhtml]]
4 -
5 -TODO: iframe
6 -
7 -== 2. Eventlistener für Formularauswahl registrieren z.B.: ==
8 -
9 -{{code language="javascript"}}
10 -function myFormCycleCallback(msg){
11 - $('#result').html('Nachricht von: "<b>' + msg.origin + '</b>" Formular mit id: "<b>' + msg.data + '</b>" wurde ausgewählt.' );
12 - renderForm(msg.data);
13 -}
14 -
15 -window.addEventListener("message", myFormCycleCallback, false);
16 -{{/code}}
17 -
18 -== 3. Ergebenis speichern: ==
19 -
20 -TODO: Iframe
21 -{{html clean="false"}}
22 - <div class="hljs" id="result"></div>
1 +{{html clean="false"}}
2 + <style type="text/css">
3 + span.box{
4 + display: block;
5 + padding: 20px;
6 + }
7 + </style>
23 23  {{/html}}
24 -
25 -
26 -== 4. Formular einbinden: ==
27 -
28 -{{code language="js"}}
29 -window.renderForm = function(formId){
30 - var myBase = 'https://help7.formcycle.eu/xwiki/bin/view/Examples/IncludeExternalContext/';
31 - var fcBase = 'https://pro.form.cloud/formcycle';
32 - var myFormContainer = $('#content');
33 -
34 - var form = $.ajax({
35 - type: "GET",
36 - url: fcBase + '/form/provide/' + formId,
37 - data:{
38 - //Render-Parameter
39 - "xfc-rp-inline":true, //Verwendete resourcen auflösen
40 - "xfc-rp-form-only":true, //Formular ohne HTML, BODY etc.
41 - "xfc-rp-usejq":false, //jQuery einbinden
42 - "xfc-rp-keepalive":false, //Ping zur Sessionverlängerung
43 - "xfc-rp-usecss":true, //Use Formcycle CSS files
44 - "xfc-rp-useui":true, //jQueryUI einbinden
45 - //Prozess-Parameter
46 - "xfc-pp-external":true, //Externer Formularrequest
47 - "xfc-pp-base-url":fcBase, //URL zum FormCycle
48 - "xfc-pp-success-url": myBase + "/anfrage-versendet.html", //CMS Seite bei erfolg
49 - "xfc-pp-error-url": myBase + "/anfrage-fehler.html" //CMS Seite bei Fehler
50 - },
51 - cache: false,
52 - async: false,
53 - success:function(html){
54 - myFormContainer.html(html);
55 - },
56 - crossDomain: true
57 - });
58 -}
59 -{{/code}}
60 -
61 -
62 -== 5. Ergebenis Formular: ==
63 -
64 64  {{html clean="false"}}
65 - <div class="hljs" id="content"></div>
66 -{{/html}}
67 -
68 -
69 -
70 -
71 -
72 -
73 -
74 -Für das folgenden Beispiel wird zu Demonstrationszwecken eine eigene [[HTML-Seite>>attach:iframe.html]] in einem iframe dargestellt:
75 -
76 -{{html clean="false"}}
77 77   <style type="text/css">
78 78   pre{
79 79   margin:0;
... ... @@ -89,8 +89,9 @@
89 89   }
90 90  
91 91   iframe, .hljs{
92 - max-width:700px;
93 - border:2px solid #515151;
25 + max-width:1400px;
26 + /*border:2px solid #515151;*/
27 + width: 100%;
94 94   }
95 95  
96 96   .hljs{
... ... @@ -113,10 +113,14 @@
113 113   border:0;
114 114   height: inherit;
115 115   }
116 - .border { border:4px dashed black; }
50 + .border { border:none important; }
117 117   </style>
118 118  
119 - <div class="resizer border" style="height: 1000px;">
120 - <iframe id="customerdemo" class="resized" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe>
53 + <div class="resizer border" style="height: 3300px;">
54 + <iframe id="content" class="content" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeExternalContext/content.html"></iframe>
121 121   </div>
122 122  {{/html}}
57 +
58 +Hinweis: Aus Kompatibilitätsgründen wird der Inhalt auf dieser Seite in einem iframe dargestellt.
59 +
60 +
content.html
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.gru
Größe
... ... @@ -1,0 +1,1 @@
1 +18.1 KB
Inhalt
... ... @@ -1,0 +1,253 @@
1 +<!DOCTYPE html>
2 +<html class="win chrome chrome1 webkit webkit5 responsejs "><head>
3 + <head>
4 + <meta charset="utf-8">
5 +<link href="/xwiki/webjars/wiki%3Axwiki/webjar-blueimp-gallery/3.4.0/css/blueimp-gallery.min.css" type="text/css" rel="stylesheet">
6 +<link href="/xwiki/webjars/wiki%3Axwiki/xwiki-platform-image-lightbox-webjar/15.0/less/lightbox.less?evaluate=true" type="text/css" rel="stylesheet">
7 +<link href="/xwiki/webjars/wiki%3Axwiki/xwiki-platform-tree-webjar/15.0/tree.min.css?evaluate=true" type="text/css" rel="stylesheet">
8 +<link href="/xwiki/webjars/wiki%3Axwiki/selectize.js/0.13.3/css/selectize.bootstrap3.css" type="text/css" rel="stylesheet">
9 +
10 + <link href="/xwiki/webjars/wiki%3Axwiki/drawer/3.2.2/css/drawer.min.css" rel="stylesheet" type="text/css">
11 +
12 +
13 +
14 +
15 +
16 +<link href="/xwiki/bin/skin/skins/flamingo/style.min.css?cache-version=1675075602000&amp;skin=XWiki.DefaultSkin&amp;colorTheme=xwiki%3AFlamingoThemes.Iceberg&amp;colorThemeVersion=9.1" rel="stylesheet" type="text/css" media="all">
17 +<link href="/xwiki/bin/skin/skins/flamingo/print.min.css?cache-version=1675075602000&amp;skin=XWiki.DefaultSkin&amp;colorTheme=xwiki%3AFlamingoThemes.Iceberg&amp;colorThemeVersion=9.1" rel="stylesheet" type="text/css" media="print">
18 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/skin/resources/css/xwiki.bundle.min.css?cache-version=1675075601000&amp;colorTheme=FlamingoThemes.Iceberg&amp;language=de">
19 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/skin/resources/uicomponents/search/searchSuggest.min.css?cache-version=1675075602000">
20 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/skin/resources/uicomponents/rating/rating.min.css?cache-version=1675075602000">
21 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/skin/resources/uicomponents/suggest/xwiki.selectize.min.css?cache-version=1675075602000">
22 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/skin/resources/uicomponents/widgets/select/select.min.css?cache-version=1675075602000">
23 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/skin/resources/uicomponents/viewers/tags.min.css?cache-version=1675075602000&amp;colorTheme=FlamingoThemes.Iceberg">
24 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/skin/resources/uicomponents/pagination/pagination.min.css?cache-version=1675075602000">
25 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/AnnotationCode/Style?language=de&amp;docVersion=2.1">
26 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-ExternalURLCheckbox?language=de&amp;docVersion=3.1">
27 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/Mentions/MentionsMacro?language=de&amp;docVersion=6.1">
28 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/CustomCSS/CSS-FontFC?language=de&amp;docVersion=3.1">
29 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-Content?language=de&amp;docVersion=3.1">
30 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-Panel?language=de&amp;docVersion=3.1">
31 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/CustomCSS/CSS-Headings?language=de&amp;docVersion=1.1">
32 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/CookieConsent/WebHome?language=de&amp;docVersion=4.1">
33 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/AnnotationCode/Settings?language=de&amp;docVersion=2.1">
34 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/CustomCSS/CSS-Fontawesome6?language=de&amp;docVersion=3.3">
35 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-ExternalConsentDialog?language=de&amp;docVersion=3.1">
36 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Refactoring/Code/RefactoringConfiguration?language=de&amp;docVersion=4.1">
37 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/Ratings/RatingsUIX?language=de&amp;docVersion=1.1">
38 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-ListItem?language=de&amp;docVersion=3.1">
39 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Tour/HomepageTour/WebHome?language=de&amp;docVersion=1.1">
40 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-SmallCaps?language=de&amp;docVersion=5.1">
41 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/CustomJS/LanguageSelector?language=de&amp;docVersion=1.1">
42 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-Tooltip?language=de&amp;docVersion=3.1">
43 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Image/Style/Code/DefaultImageStyleStyleSheet?language=de&amp;docVersion=1.1">
44 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/CustomCSS/CSS-Boxen?language=de&amp;docVersion=1.1">
45 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-Table?language=de&amp;docVersion=4.1">
46 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-ExternalVimeoVideo?language=de&amp;docVersion=3.1">
47 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-MainMenuTiles?language=de&amp;docVersion=3.1">
48 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/CustomCSS/EM-Style?language=de&amp;docVersion=1.1">
49 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/CustomCSS/CSS-Body?language=de&amp;docVersion=1.14">
50 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-Figure?language=de&amp;docVersion=3.1">
51 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/IconThemes/FontAwesome?language=de&amp;docVersion=2.1">
52 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/Notifications/Code/Macro/NotificationsMacro?language=de&amp;docVersion=5.1">
53 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/Notifications/Code/NotificationsDisplayerUIX?language=de&amp;docVersion=3.1">
54 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/SharePage?language=de&amp;docVersion=3.1">
55 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/PDFExport/WebHome?language=de&amp;docVersion=1.1">
56 +<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/Like/LikeUIX?language=de&amp;docVersion=3.1">
57 +<style>
58 +BODY {
59 + background-color: transparent;
60 +
61 +}
62 +</style>
63 + </head>
64 + <body>
65 +
66 +<div class="row">
67 + <div id="xwikicontent" class="col-xs-12">
68 + <script>
69 + console.log("init", typeof $);//, $.fn.jquery);
70 + delete define.amd;
71 + </script>
72 +
73 + <script type="text/javascript" src="https://pro.formcloud.de/formcycle/form/includes/010-jquery-min.js?_nc=1620383292614"></script>
74 + <!--<script type="text/javascript" src="https://pro.formcloud.de/formcycle/form/includes/020-jquery-ui-min.js?_nc=20210325123132" ></script>-->
75 + <script>
76 + console.log("init2", typeof jQuery, jQuery.fn.jquery);
77 + window.fail = $;
78 + $.noConflict();
79 + console.log("init2", typeof jQuery, typeof window.fail, jQuery.fn.jquery);
80 + </script>
81 + <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>-->
82 + <style type="text/css">
83 + pre{
84 + margin:0;
85 + }
86 +
87 +
88 + .extra .hljs-string{
89 + font-weight:bold;
90 + color:red;
91 + }
92 +
93 + iframe, .hljs{
94 + max-width:980px;
95 + border:2px solid #515151;
96 + }
97 +
98 + .hljs{
99 + max-width:985px;
100 + }
101 +
102 + span.box{
103 + display: block;
104 + padding: 20px;
105 + }
106 + </style>
107 +
108 + <script type="text/javascript">
109 + console.log(typeof jQuery.xutil, typeof window.fail.xutil);
110 + fcjq = jQuery;
111 + console.log(typeof fcjq.xutil, fcjq === jQuery, jQuery === window.fail);
112 + //console.log("BE",window.fcjq);
113 + //$.noConflict();
114 + //console.log("AF",window.fcjq);
115 +
116 + function myFormCycleCallback(msg){
117 + var formID =msg.data;
118 + console.log('formID',msg.data.formId);
119 + var myBase = 'https://help6.formcycle.eu/xwiki/bin/edit/Examples/IncludeFormViaExternalContext/';
120 + var fcBase = 'https://pro.formcloud.de/formcycle';
121 + var myFormContainer = jQuery('#content');
122 + if (typeof formID !== 'object' && typeof formID !== 'Object' && typeof formID !== 'undefined') {
123 + //console.log("SADKJGAFGSALIFABGSFLHSAFHLSAHFLIHASIFHLIHFASILHLSAHFLIHSALIH");
124 + console.log('Nachricht von: "' + msg.origin + '" Formular mit id: "' + msg.data + '" wurde ausgewählt.');
125 + jQuery('#result').html('Nachricht von: "' + msg.origin + '" Formular mit id: "' + msg.data + '" wurde ausgewählt.' );
126 +
127 +
128 + myFormContainer.html('');
129 + myFormContainer.html('<iframe id="xm-form" src="'+fcBase+'/form/provide/'+formID+'" style="width:100%; height:1000px" scrolling="yes" frameborder="0" />');
130 +
131 +
132 + }
133 + //renderForm(msg.data);
134 + }
135 + console.log("Adding eventlistener");
136 + window.addEventListener("message", myFormCycleCallback, false);
137 + console.log("Eventlistener added");
138 +
139 +window.renderForm = function(formId){
140 + var myBase = 'https://help6.formcycle.eu/xwiki/bin/edit/Examples/IncludeFormViaExternalContext/';
141 + var fcBase = 'https://pro.formcloud.de/formcycle';
142 + var myFormContainer = jQuery('#content');
143 +
144 + var form = jQuery.ajax({
145 + type: "GET",
146 + url: fcBase + '/form/provide/' + formId,
147 + data:{
148 + //Render-Parameter
149 + "xfc-rp-inline":true, //Verwendete resourcen auflösen
150 + "xfc-rp-form-only":true, //Formular ohne HTML, BODY etc.
151 + "xfc-rp-usejq":false, //jQuery einbinden
152 + "xfc-rp-keepalive":false, //Ping zur Sessionverlängerung
153 + "xfc-rp-usecss":true, //Use Formcycle CSS files
154 + "xfc-rp-useui":true, //jQueryUI einbinden
155 + //Prozess-Parameter
156 + "xfc-pp-external":true, //Externer Formularrequest
157 + "xfc-pp-base-url":fcBase//, //URL zum FormCycle
158 + //"xfc-pp-success-url": myBase + "/anfrage-versendet.html", //CMS Seite bei erfolg
159 + //"xfc-pp-error-url": myBase + "/anfrage-fehler.html" //CMS Seite bei Fehler
160 + },
161 + cache: false,
162 + async: false,
163 + success:function(html){
164 + console.log('Form loaded:',html.length);//,html);
165 + //myFormContainer.html(html);
166 + //if (!jQuery('#contentiframe').length) {
167 + // myFormContainer.html('<iframe id="contentiframe"></iframe>');
168 + //}
169 + //var iframe = document.getElementById('contentiframe'),
170 + //iframedoc = iframe.contentDocument || iframe.contentWindow.document;
171 + //iframedoc.body.innerHTML = html.replace(/\$/g,'jQuery');
172 + //myFormContainer.html(html.replace(/\$/g,'jQuery'));
173 + myFormContainer.html('');
174 + myFormContainer.html('<iframe id="xm-form" src="'+fcBase+'/form/provide/'+formId+'?xfc-height-changed-evt=true" style="width:100%; height:1000px" scrolling="yes" frameborder="0" />');
175 + },
176 + crossDomain: true
177 + });
178 +}
179 +
180 + </script>
181 +
182 + <h1>Formular einbinden und "Externen Kontext" Seite verwenden</h1>
183 +
184 + <p>
185 + </p><h2>1. Externen Kontext via iFrame einbinden z.B.</h2>
186 + <br>
187 + <br>
188 + <!--<a href="https://thalassa.formcycle.de/formcycle/external/forms/main.xhtml">https://thalassa.formcycle.de/formcycle/external/forms/main.xhtml</a>
189 + <br/>-->
190 + <a href="https://pro.formcloud.de/formcycle/external/forms/main.xhtml">https://pro.formcloud.de/formcycle/external/forms/main.xhtml</a>
191 + <br>
192 + <p></p>
193 +
194 + <iframe src="https://pro.formcloud.de/formcycle/external/forms/main.xhtml" width="100%" height="340px">
195 + <span>Ihr Browser unterstützt keine iFrames</span>
196 + </iframe>
197 + <div class="wikimodel-emptyline"></div>
198 + <h2 id="H2.EventlistenerfFCrFormularauswahlregistrierenz.B.:" class="wikigeneratedid"><span>2. Eventlistener für Formularauswahl registrieren z.B.:</span></h2>
199 + <div class="wikimodel-emptyline"></div><p>&nbsp;<br>
200 + <span class="box"><span class="code"><span style="font-weight: bold; color: #008000; ">function</span> myFormCycleCallback(msg){<br>&nbsp;$(<span style="color: #BA2121; ">'#result'</span>).html(<span style="color: #BA2121; ">'Nachricht von: "&lt;b&gt;'</span> <span style="color: #666666; ">+</span> msg.origin <span style="color: #666666; ">+</span> <span style="color: #BA2121; ">'&lt;/b&gt;" Formular mit id: "&lt;b&gt;'</span> <span style="color: #666666; ">+</span> msg.data <span style="color: #666666; ">+</span> <span style="color: #BA2121; ">'&lt;/b&gt;" wurde ausgewählt.'</span> );<br>&nbsp;renderForm(msg.data);<br>}<br><br><span style="color: #008000; ">window</span>.addEventListener(<span style="color: #BA2121; ">"message"</span>, myFormCycleCallback, <span style="font-weight: bold; color: #008000; ">false</span>);</span></span></p>
201 + <div class="wikimodel-emptyline"></div>
202 + <h2 id="H3.Ergebenisspeichern:" class="wikigeneratedid"><span>3. Ergebenis speichern:</span></h2>
203 + <div class="hljs" id="result"></div>
204 + <div class="wikimodel-emptyline"></div>
205 + <h2 id="H4.Formulareinbinden:" class="wikigeneratedid"><span>4. Formular einbinden:</span></h2>
206 +
207 + <div class="box"><div class="code"><span style="color: #008000; ">window</span>.renderForm <span style="color: #666666; ">=</span> <span style="font-weight: bold; color: #008000; ">function</span>(formId){<br> <span style="font-weight: bold; color: #008000; ">var</span> myBase <span style="color: #666666; ">=</span>
208 + <span style="color: #BA2121; ">'https://help6.formcycle.eu/xwiki/bin/edit/Examples/IncludeFormViaExternalContext/'</span>;<br>
209 + <span style="font-weight: bold; color: #008000; ">var</span> fcBase
210 + <span style="color: #666666; ">=</span> <span style="color: #BA2121; ">'https://pro.formcloud.de/formcycle'</span>;<br>
211 + <span style="font-weight: bold; color: #008000; ">var</span> myFormContainer <span style="color: #666666; ">=</span> $(<span style="color: #BA2121; ">'#content'</span>);<br> &nbsp;&nbsp;<br>
212 + <span style="font-weight: bold; color: #008000; ">var</span> form <span style="color: #666666; ">=</span> $.ajax({<br>&nbsp;&nbsp;type<span style="color: #666666; ">:</span>
213 + <span style="color: #BA2121; ">"GET"</span>,<br>&nbsp;&nbsp;url<span style="color: #666666; ">:</span> fcBase
214 + <span style="color: #666666; ">+</span> <span style="color: #BA2121; ">'/form/provide/'</span> <span style="color: #666666; ">+</span> formId,<br>&nbsp;&nbsp;data
215 + <span style="color: #666666; ">:</span>{<br> &nbsp;&nbsp;<span style="font-weight: italic; color: #408080; ">//Render-Parameter<br></span> &nbsp;&nbsp;
216 + <span style="color: #BA2121; ">"xfc-rp-inline"</span><span style="color: #666666; ">:</span>
217 + <span style="font-weight: bold; color: #008000; ">true</span>, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
218 + <span style="font-weight: italic; color: #408080; ">//Verwendete resourcen auflösen <br></span> &nbsp;&nbsp;
219 + <span style="color: #BA2121; ">"xfc-rp-form-only"</span><span style="color: #666666; ">:</span>
220 + <span style="font-weight: bold; color: #008000; ">true</span>, &nbsp;&nbsp;&nbsp;&nbsp;
221 + <span style="font-weight: italic; color: #408080; ">//Formular ohne HTML, BODY etc.<br></span> &nbsp;&nbsp;<span style="color: #BA2121; ">"xfc-rp-usejq"</span>
222 + <span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">false</span>, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
223 + <span style="font-weight: italic; color: #408080; ">//jQuery einbinden<br></span> &nbsp;&nbsp;
224 + <span style="color: #BA2121; ">"xfc-rp-keepalive"</span>
225 + <span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">false</span>, &nbsp;&nbsp;&nbsp;&nbsp;
226 + <span style="font-weight: italic; color: #408080; ">//Ping zur Sessionverlängerung <br></span> &nbsp;&nbsp;<span style="color: #BA2121; ">"xfc-rp-usecss"</span>
227 + <span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
228 + <span style="font-weight: italic; color: #408080; ">//Use Formcycle CSS files<br></span> &nbsp;&nbsp;
229 + <span style="color: #BA2121; ">"xfc-rp-useui"</span>
230 + <span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
231 + <span style="font-weight: italic; color: #408080; ">//jQueryUI einbinden<br></span> &nbsp;&nbsp;
232 + <span style="font-weight: italic; color: #408080; ">//Prozess-Parameter<br></span> &nbsp;&nbsp;
233 + <span style="color: #BA2121; ">"xfc-pp-external"</span><span style="color: #666666; ">:</span>
234 + <span style="font-weight: bold; color: #008000; ">true</span>, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
235 + <span style="font-weight: italic; color: #408080; ">//Externer Formularrequest<br></span> &nbsp;&nbsp;<span style="color: #BA2121; ">"xfc-pp-base-url"</span>
236 + <span style="color: #666666; ">:</span>fcBase, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight: italic; color: #408080; ">//URL zum FormCycle<br></span> &nbsp;&nbsp;
237 + <span style="color: #BA2121; ">"xfc-pp-success-url"</span><span style="color: #666666; ">:</span> myBase <span style="color: #666666; ">+</span>
238 + <span style="color: #BA2121; ">"/anfrage-versendet.html"</span>, <span style="font-weight: italic; color: #408080; ">//CMS Seite bei erfolg<br></span> &nbsp;&nbsp;
239 + <span style="color: #BA2121; ">"xfc-pp-error-url"</span><span style="color: #666666; ">:</span> myBase <span style="color: #666666; ">+</span> <span style="color: #BA2121; ">"/anfrage-fehler.html"</span> &nbsp;&nbsp;<span style="font-weight: italic; color: #408080; ">//CMS Seite bei Fehler &nbsp;<br></span> &nbsp;},<br>&nbsp;&nbsp;cache<span style="color: #666666; ">:</span>
240 + <span style="font-weight: bold; color: #008000; ">false</span>,<br>&nbsp;&nbsp;async
241 + <span style="color: #666666; ">:</span>
242 + <span style="font-weight: bold; color: #008000; ">false</span>,<br>&nbsp;&nbsp;success<span style="color: #666666; ">:</span>
243 + <span style="font-weight: bold; color: #008000; ">function</span>(html){ <br>&nbsp;&nbsp;&nbsp;myFormContainer.html(html);<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;crossDomain
244 + <span style="color: #666666; ">:</span> <span style="font-weight: bold; color: #008000; ">true</span>
245 + <br>&nbsp;});<br>}</div></div>
246 + <div class="wikimodel-emptyline"></div>
247 + <h2 id="H5.ErgebenisFormular:" class="wikigeneratedid"><span>5. Ergebnis Formular:</span></h2>
248 + <div class="hljs" id="content">
249 + </div>
250 + </div>
251 + </div>
252 + </body>
253 +</html>