Von Version 17.1
bearbeitet von gru
am 02.03.2023, 10:23
Änderungskommentar: Neuen Anhang content.html hochladen
Auf Version 14.7
bearbeitet von gru
am 02.03.2023, 10:05
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

content.html
Größe
... ... @@ -1,1 +1,1 @@
1 -17.6 KB
1 +18.1 KB
Inhalt
... ... @@ -178,6 +178,8 @@
178 178  }
179 179  
180 180   </script>
181 +
182 + <h1>Formular einbinden und "Externen Kontext" Seite verwenden</h1>
181 181  
182 182   <p>
183 183   </p><h2>1. Externen Kontext via iFrame einbinden z.B.</h2>
... ... @@ -201,7 +201,46 @@
201 201   <div class="hljs" id="result"></div>
202 202   <div class="wikimodel-emptyline"></div>
203 203   <h2 id="H4.Formulareinbinden:" class="wikigeneratedid"><span>4. Formular einbinden:</span></h2>
204 - <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> <span style="color: #BA2121; ">'https://help6.formcycle.eu/xwiki/bin/edit/Examples/IncludeFormViaExternalContext/'</span>;<br> <span style="font-weight: bold; color: #008000; ">var</span> fcBase <span style="color: #666666; ">=</span> <span style="color: #BA2121; ">'https://pro.formcloud.de/formcycle'</span>;<br> <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> <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> <span style="color: #BA2121; ">"GET"</span>,<br>&nbsp;&nbsp;url<span style="color: #666666; ">:</span> fcBase <span style="color: #666666; ">+</span> <span style="color: #BA2121; ">'/form/provide/'</span> <span style="color: #666666; ">+</span> formId,<br>&nbsp;&nbsp;data<span style="color: #666666; ">:</span>{<br> &nbsp;&nbsp;<span style="font-weight: italic; color: #408080; ">//Render-Parameter<br></span> &nbsp;&nbsp;<span style="color: #BA2121; ">"xfc-rp-inline"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight: italic; color: #408080; ">//Verwendete resourcen auflösen <br></span> &nbsp;&nbsp;<span style="color: #BA2121; ">"xfc-rp-form-only"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, &nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight: italic; color: #408080; ">//Formular ohne HTML, BODY etc.<br></span> &nbsp;&nbsp;<span style="color: #BA2121; ">"xfc-rp-usejq"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">false</span>, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight: italic; color: #408080; ">//jQuery einbinden<br></span> &nbsp;&nbsp;<span style="color: #BA2121; ">"xfc-rp-keepalive"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">false</span>, &nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight: italic; color: #408080; ">//Ping zur Sessionverlängerung <br></span> &nbsp;&nbsp;<span style="color: #BA2121; ">"xfc-rp-usecss"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight: italic; color: #408080; ">//Use Formcycle CSS files<br></span> &nbsp;&nbsp;<span style="color: #BA2121; ">"xfc-rp-useui"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight: italic; color: #408080; ">//jQueryUI einbinden<br></span> &nbsp;&nbsp;<span style="font-weight: italic; color: #408080; ">//Prozess-Parameter<br></span> &nbsp;&nbsp;<span style="color: #BA2121; ">"xfc-pp-external"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight: italic; color: #408080; ">//Externer Formularrequest<br></span> &nbsp;&nbsp;<span style="color: #BA2121; ">"xfc-pp-success-url"</span><span style="color: #666666; ">:</span> myBase <span style="color: #666666; ">+</span> <span style="color: #BA2121; ">"/anfrage-versendet.html"</span>, <span style="font-weight: italic; color: #408080; ">//CMS Seite bei erfolg<br></span> &nbsp;&nbsp;<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> <span style="font-weight: bold; color: #008000; ">false</span>,<br>&nbsp;&nbsp;async<span style="color: #666666; ">:</span> <span style="font-weight: bold; color: #008000; ">false</span>,<br>&nbsp;&nbsp;success<span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">function</span>(html){ <br>&nbsp;&nbsp;&nbsp;myFormContainer.html(html);<br>&nbsp;&nbsp;},<br>&nbsp;&nbsp;crossDomain<span style="color: #666666; ">:</span> <span style="font-weight: bold; color: #008000; ">true</span><br>&nbsp;});<br>}</div></div>
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>
205 205   <div class="wikimodel-emptyline"></div>
206 206   <h2 id="H5.ErgebenisFormular:" class="wikigeneratedid"><span>5. Ergebnis Formular:</span></h2>
207 207   <div class="hljs" id="content">