Von Version 14.7
bearbeitet von gru
am 02.03.2023, 10:05
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 12.2
bearbeitet von gru
am 02.03.2023, 09:33
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -22,9 +22,8 @@
22 22   }
23 23  
24 24   iframe, .hljs{
25 - max-width:1400px;
26 - /*border:2px solid #515151;*/
27 - width: 100%;
25 + max-width:700px;
26 + border:2px solid #515151;
28 28   }
29 29  
30 30   .hljs{
... ... @@ -47,10 +47,10 @@
47 47   border:0;
48 48   height: inherit;
49 49   }
50 - .border, .content { border:none; }
49 + .border { border:4px dashed black; }
51 51   </style>
52 52  
53 - <div class="resizer border" style="height: 3300px;">
52 + <div class="resizer border" style="height: 1000px;">
54 54   <iframe id="content" class="content" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeExternalContext/content.html"></iframe>
55 55   </div>
56 56  {{/html}}
content.html
Größe
... ... @@ -1,1 +1,1 @@
1 -18.1 KB
1 +19.2 KB
Inhalt
... ... @@ -1,7 +1,5 @@
1 -<!DOCTYPE html>
2 -<html class="win chrome chrome1 webkit webkit5 responsejs "><head>
1 +<html>
3 3   <head>
4 - <meta charset="utf-8">
5 5  <link href="/xwiki/webjars/wiki%3Axwiki/webjar-blueimp-gallery/3.4.0/css/blueimp-gallery.min.css" type="text/css" rel="stylesheet">
6 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 7  <link href="/xwiki/webjars/wiki%3Axwiki/xwiki-platform-tree-webjar/15.0/tree.min.css?evaluate=true" type="text/css" rel="stylesheet">
... ... @@ -54,12 +54,6 @@
54 54  <link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/SharePage?language=de&amp;docVersion=3.1">
55 55  <link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/PDFExport/WebHome?language=de&amp;docVersion=1.1">
56 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 63   </head>
64 64   <body>
65 65  
... ... @@ -179,10 +179,10 @@
179 179  
180 180   </script>
181 181  
182 - <h1>Formular einbinden und "Externen Kontext" Seite verwenden</h1>
174 + <h1>Formular einbinden und "Externen Kontext" Seite verwenden<a class="edit_section" role="button" title="Bearbeiten" href="/xwiki/bin/edit/Examples/IncludeFormViaExternalContext?section=1"><span class="fa fa-pencil"></span><span class="sr-only">Bearbeiten</span></a></h1>
183 183  
184 184   <p>
185 - </p><h2>1. Externen Kontext via iFrame einbinden z.B.</h2>
177 + </p><h2>1. Externen Kontext via iFrame einbinden z.B.<a class="edit_section" role="button" title="Bearbeiten" href="/xwiki/bin/edit/Examples/IncludeFormViaExternalContext?section=2"><span class="fa fa-pencil"></span><span class="sr-only">Bearbeiten</span></a></h2>
186 186   <br>
187 187   <br>
188 188   <!--<a href="https://thalassa.formcycle.de/formcycle/external/forms/main.xhtml">https://thalassa.formcycle.de/formcycle/external/forms/main.xhtml</a>
... ... @@ -193,61 +193,8 @@
193 193  
194 194   <iframe src="https://pro.formcloud.de/formcycle/external/forms/main.xhtml" width="100%" height="340px">
195 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>
188 + </iframe><div class="wikimodel-emptyline"></div><h2 id="H2.EventlistenerfFCrFormularauswahlregistrierenz.B.:" class="wikigeneratedid"><span>2. Eventlistener für Formularauswahl registrieren z.B.:</span><a class="edit_section" role="button" title="Bearbeiten" href="/xwiki/bin/edit/Examples/IncludeFormViaExternalContext?section=3"><span class="fa fa-pencil"></span><span class="sr-only">Bearbeiten</span></a></h2><div class="wikimodel-emptyline"></div><p>&nbsp;<br><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><div class="wikimodel-emptyline"></div><h2 id="H3.Ergebenisspeichern:" class="wikigeneratedid"><span>3. Ergebenis speichern:</span><a class="edit_section" role="button" title="Bearbeiten" href="/xwiki/bin/edit/Examples/IncludeFormViaExternalContext?section=4"><span class="fa fa-pencil"></span><span class="sr-only">Bearbeiten</span></a></h2> <div class="hljs" id="result">Nachricht von: "https://pro.formcloud.de" Formular mit id: "3776" wurde ausgewählt.</div><div class="wikimodel-emptyline"></div><h2 id="H4.Formulareinbinden:" class="wikigeneratedid"><span>4. Formular einbinden:</span><a class="edit_section" role="button" title="Bearbeiten" href="/xwiki/bin/edit/Examples/IncludeFormViaExternalContext?section=5"><span class="fa fa-pencil"></span><span class="sr-only">Bearbeiten</span></a></h2><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-base-url"</span><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;<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><div class="wikimodel-emptyline"></div><h2 id="H5.ErgebenisFormular:" class="wikigeneratedid"><span>5. Ergebenis Formular:</span><a class="edit_section" role="button" title="Bearbeiten" href="/xwiki/bin/edit/Examples/IncludeFormViaExternalContext?section=6"><span class="fa fa-pencil"></span><span class="sr-only">Bearbeiten</span></a></h2> <div class="hljs" id="content"><iframe id="xm-form" src="https://pro.formcloud.de/formcycle/form/provide/3776" style="width:100%; height:1000px" scrolling="yes" frameborder="0"></iframe></div>
189 + </div>
250 250   </div>
251 - </div>
252 252   </body>
253 253  </html>