| ... |
... |
@@ -1,5 +1,7 @@ |
| 1 |
|
-<html> |
|
1 |
+<!DOCTYPE html> |
|
2 |
+<html class="win chrome chrome1 webkit webkit5 responsejs "><head> |
| 2 |
2 |
<head> |
|
4 |
+ <meta charset="utf-8"> |
| 3 |
3 |
<link href="/xwiki/webjars/wiki%3Axwiki/webjar-blueimp-gallery/3.4.0/css/blueimp-gallery.min.css" type="text/css" rel="stylesheet"> |
| 4 |
4 |
<link href="/xwiki/webjars/wiki%3Axwiki/xwiki-platform-image-lightbox-webjar/15.0/less/lightbox.less?evaluate=true" type="text/css" rel="stylesheet"> |
| 5 |
5 |
<link href="/xwiki/webjars/wiki%3Axwiki/xwiki-platform-tree-webjar/15.0/tree.min.css?evaluate=true" type="text/css" rel="stylesheet"> |
| ... |
... |
@@ -52,6 +52,12 @@ |
| 52 |
52 |
<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/SharePage?language=de&docVersion=3.1"> |
| 53 |
53 |
<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/PDFExport/WebHome?language=de&docVersion=1.1"> |
| 54 |
54 |
<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/Like/LikeUIX?language=de&docVersion=3.1"> |
|
57 |
+<style> |
|
58 |
+BODY { |
|
59 |
+ background-color: transparent; |
|
60 |
+ |
|
61 |
+} |
|
62 |
+</style> |
| 55 |
55 |
</head> |
| 56 |
56 |
<body> |
| 57 |
57 |
|
| ... |
... |
@@ -170,11 +170,9 @@ |
| 170 |
170 |
} |
| 171 |
171 |
|
| 172 |
172 |
</script> |
| 173 |
|
- |
| 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> |
| 175 |
175 |
|
| 176 |
176 |
<p> |
| 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> |
|
183 |
+ </p><h2>1. Externen Kontext via iFrame einbinden z.B.</h2> |
| 178 |
178 |
<br> |
| 179 |
179 |
<br> |
| 180 |
180 |
<!--<a href="https://thalassa.formcycle.de/formcycle/external/forms/main.xhtml">https://thalassa.formcycle.de/formcycle/external/forms/main.xhtml</a> |
| ... |
... |
@@ -185,8 +185,22 @@ |
| 185 |
185 |
|
| 186 |
186 |
<iframe src="https://pro.formcloud.de/formcycle/external/forms/main.xhtml" width="100%" height="340px"> |
| 187 |
187 |
<span>Ihr Browser unterstützt keine iFrames</span> |
| 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> <br><span class="box"><span class="code"><span style="font-weight: bold; color: #008000; ">function</span> myFormCycleCallback(msg){<br> $(<span style="color: #BA2121; ">'#result'</span>).html(<span style="color: #BA2121; ">'Nachricht von: "<b>'</span> <span style="color: #666666; ">+</span> msg.origin <span style="color: #666666; ">+</span> <span style="color: #BA2121; ">'</b>" Formular mit id: "<b>'</span> <span style="color: #666666; ">+</span> msg.data <span style="color: #666666; ">+</span> <span style="color: #BA2121; ">'</b>" wurde ausgewählt.'</span> );<br> 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> <br> <span style="font-weight: bold; color: #008000; ">var</span> form <span style="color: #666666; ">=</span> $.ajax({<br> type<span style="color: #666666; ">:</span> <span style="color: #BA2121; ">"GET"</span>,<br> 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> data<span style="color: #666666; ">:</span>{<br> <span style="font-weight: italic; color: #408080; ">//Render-Parameter<br></span> <span style="color: #BA2121; ">"xfc-rp-inline"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, <span style="font-weight: italic; color: #408080; ">//Verwendete resourcen auflösen <br></span> <span style="color: #BA2121; ">"xfc-rp-form-only"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, <span style="font-weight: italic; color: #408080; ">//Formular ohne HTML, BODY etc.<br></span> <span style="color: #BA2121; ">"xfc-rp-usejq"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">false</span>, <span style="font-weight: italic; color: #408080; ">//jQuery einbinden<br></span> <span style="color: #BA2121; ">"xfc-rp-keepalive"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">false</span>, <span style="font-weight: italic; color: #408080; ">//Ping zur Sessionverlängerung <br></span> <span style="color: #BA2121; ">"xfc-rp-usecss"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, <span style="font-weight: italic; color: #408080; ">//Use Formcycle CSS files<br></span> <span style="color: #BA2121; ">"xfc-rp-useui"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, <span style="font-weight: italic; color: #408080; ">//jQueryUI einbinden<br></span> <span style="font-weight: italic; color: #408080; ">//Prozess-Parameter<br></span> <span style="color: #BA2121; ">"xfc-pp-external"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, <span style="font-weight: italic; color: #408080; ">//Externer Formularrequest<br></span> <span style="color: #BA2121; ">"xfc-pp-base-url"</span><span style="color: #666666; ">:</span>fcBase, <span style="font-weight: italic; color: #408080; ">//URL zum FormCycle<br></span> <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> <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> <span style="font-weight: italic; color: #408080; ">//CMS Seite bei Fehler <br></span> },<br> cache<span style="color: #666666; ">:</span> <span style="font-weight: bold; color: #008000; ">false</span>,<br> async<span style="color: #666666; ">:</span> <span style="font-weight: bold; color: #008000; ">false</span>,<br> success<span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">function</span>(html){ <br> myFormContainer.html(html);<br> },<br> crossDomain<span style="color: #666666; ">:</span> <span style="font-weight: bold; color: #008000; ">true</span><br> });<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> |
|
194 |
+ </iframe> |
|
195 |
+ <div class="wikimodel-emptyline"></div> |
|
196 |
+ <h2 id="H2.EventlistenerfFCrFormularauswahlregistrierenz.B.:" class="wikigeneratedid"><span>2. Eventlistener für Formularauswahl registrieren z.B.:</span></h2> |
|
197 |
+ <div class="wikimodel-emptyline"></div><p> <br> |
|
198 |
+ <span class="box"><span class="code"><span style="font-weight: bold; color: #008000; ">function</span> myFormCycleCallback(msg){<br> $(<span style="color: #BA2121; ">'#result'</span>).html(<span style="color: #BA2121; ">'Nachricht von: "<b>'</span> <span style="color: #666666; ">+</span> msg.origin <span style="color: #666666; ">+</span> <span style="color: #BA2121; ">'</b>" Formular mit id: "<b>'</span> <span style="color: #666666; ">+</span> msg.data <span style="color: #666666; ">+</span> <span style="color: #BA2121; ">'</b>" wurde ausgewählt.'</span> );<br> 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> |
|
199 |
+ <div class="wikimodel-emptyline"></div> |
|
200 |
+ <h2 id="H3.Ergebenisspeichern:" class="wikigeneratedid"><span>3. Ergebenis speichern:</span></h2> |
|
201 |
+ <div class="hljs" id="result"></div> |
|
202 |
+ <div class="wikimodel-emptyline"></div> |
|
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> <br> <span style="font-weight: bold; color: #008000; ">var</span> form <span style="color: #666666; ">=</span> $.ajax({<br> type<span style="color: #666666; ">:</span> <span style="color: #BA2121; ">"GET"</span>,<br> 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> data<span style="color: #666666; ">:</span>{<br> <span style="font-weight: italic; color: #408080; ">//Render-Parameter<br></span> <span style="color: #BA2121; ">"xfc-rp-inline"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, <span style="font-weight: italic; color: #408080; ">//Verwendete resourcen auflösen <br></span> <span style="color: #BA2121; ">"xfc-rp-form-only"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, <span style="font-weight: italic; color: #408080; ">//Formular ohne HTML, BODY etc.<br></span> <span style="color: #BA2121; ">"xfc-rp-usejq"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">false</span>, <span style="font-weight: italic; color: #408080; ">//jQuery einbinden<br></span> <span style="color: #BA2121; ">"xfc-rp-keepalive"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">false</span>, <span style="font-weight: italic; color: #408080; ">//Ping zur Sessionverlängerung <br></span> <span style="color: #BA2121; ">"xfc-rp-usecss"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, <span style="font-weight: italic; color: #408080; ">//Use Formcycle CSS files<br></span> <span style="color: #BA2121; ">"xfc-rp-useui"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, <span style="font-weight: italic; color: #408080; ">//jQueryUI einbinden<br></span> <span style="font-weight: italic; color: #408080; ">//Prozess-Parameter<br></span> <span style="color: #BA2121; ">"xfc-pp-external"</span><span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">true</span>, <span style="font-weight: italic; color: #408080; ">//Externer Formularrequest<br></span> <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> <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> <span style="font-weight: italic; color: #408080; ">//CMS Seite bei Fehler <br></span> },<br> cache<span style="color: #666666; ">:</span> <span style="font-weight: bold; color: #008000; ">false</span>,<br> async<span style="color: #666666; ">:</span> <span style="font-weight: bold; color: #008000; ">false</span>,<br> success<span style="color: #666666; ">:</span><span style="font-weight: bold; color: #008000; ">function</span>(html){ <br> myFormContainer.html(html);<br> },<br> crossDomain<span style="color: #666666; ">:</span> <span style="font-weight: bold; color: #008000; ">true</span><br> });<br>}</div></div> |
|
205 |
+ <div class="wikimodel-emptyline"></div> |
|
206 |
+ <h2 id="H5.ErgebenisFormular:" class="wikigeneratedid"><span>5. Ergebnis Formular:</span></h2> |
|
207 |
+ <div class="hljs" id="content"> |
|
208 |
+ </div> |
| 190 |
190 |
</div> |
|
210 |
+ </div> |
| 191 |
191 |
</body> |
| 192 |
192 |
</html> |
