| ... |
... |
@@ -1,0 +1,211 @@ |
|
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&skin=XWiki.DefaultSkin&colorTheme=xwiki%3AFlamingoThemes.Iceberg&colorThemeVersion=9.1" rel="stylesheet" type="text/css" media="all"> |
|
17 |
+<link href="/xwiki/bin/skin/skins/flamingo/print.min.css?cache-version=1675075602000&skin=XWiki.DefaultSkin&colorTheme=xwiki%3AFlamingoThemes.Iceberg&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&colorTheme=FlamingoThemes.Iceberg&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&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&docVersion=2.1"> |
|
26 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-ExternalURLCheckbox?language=de&docVersion=3.1"> |
|
27 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/Mentions/MentionsMacro?language=de&docVersion=6.1"> |
|
28 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/CustomCSS/CSS-FontFC?language=de&docVersion=3.1"> |
|
29 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-Content?language=de&docVersion=3.1"> |
|
30 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-Panel?language=de&docVersion=3.1"> |
|
31 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/CustomCSS/CSS-Headings?language=de&docVersion=1.1"> |
|
32 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/CookieConsent/WebHome?language=de&docVersion=4.1"> |
|
33 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/AnnotationCode/Settings?language=de&docVersion=2.1"> |
|
34 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/CustomCSS/CSS-Fontawesome6?language=de&docVersion=3.3"> |
|
35 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-ExternalConsentDialog?language=de&docVersion=3.1"> |
|
36 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Refactoring/Code/RefactoringConfiguration?language=de&docVersion=4.1"> |
|
37 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/Ratings/RatingsUIX?language=de&docVersion=1.1"> |
|
38 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-ListItem?language=de&docVersion=3.1"> |
|
39 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Tour/HomepageTour/WebHome?language=de&docVersion=1.1"> |
|
40 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-SmallCaps?language=de&docVersion=5.1"> |
|
41 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/CustomJS/LanguageSelector?language=de&docVersion=1.1"> |
|
42 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-Tooltip?language=de&docVersion=3.1"> |
|
43 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Image/Style/Code/DefaultImageStyleStyleSheet?language=de&docVersion=1.1"> |
|
44 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/CustomCSS/CSS-Boxen?language=de&docVersion=1.1"> |
|
45 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-Table?language=de&docVersion=4.1"> |
|
46 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-ExternalVimeoVideo?language=de&docVersion=3.1"> |
|
47 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-MainMenuTiles?language=de&docVersion=3.1"> |
|
48 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/CustomCSS/EM-Style?language=de&docVersion=1.1"> |
|
49 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/CustomCSS/CSS-Body?language=de&docVersion=1.14"> |
|
50 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Customization/Makro/M-Figure?language=de&docVersion=3.1"> |
|
51 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/IconThemes/FontAwesome?language=de&docVersion=2.1"> |
|
52 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/Notifications/Code/Macro/NotificationsMacro?language=de&docVersion=5.1"> |
|
53 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/Notifications/Code/NotificationsDisplayerUIX?language=de&docVersion=3.1"> |
|
54 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/SharePage?language=de&docVersion=3.1"> |
|
55 |
+<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/XWiki/PDFExport/WebHome?language=de&docVersion=1.1"> |
|
56 |
+<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> |
|
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('Message from: "' + msg.origin + '" Form with id: "' + msg.data + '" was selected.'); |
|
125 |
+ jQuery('#result').html('Message from: "' + msg.origin + '" Form with id: "' + msg.data + '" was selected.' ); |
|
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-success-url": myBase + "/anfrage-versendet.html", //CMS Seite bei erfolg |
|
158 |
+ //"xfc-pp-error-url": myBase + "/anfrage-fehler.html" //CMS Seite bei Fehler |
|
159 |
+ }, |
|
160 |
+ cache: false, |
|
161 |
+ async: false, |
|
162 |
+ success:function(html){ |
|
163 |
+ console.log('Form loaded:',html.length);//,html); |
|
164 |
+ //myFormContainer.html(html); |
|
165 |
+ //if (!jQuery('#contentiframe').length) { |
|
166 |
+ // myFormContainer.html('<iframe id="contentiframe"></iframe>'); |
|
167 |
+ //} |
|
168 |
+ //var iframe = document.getElementById('contentiframe'), |
|
169 |
+ //iframedoc = iframe.contentDocument || iframe.contentWindow.document; |
|
170 |
+ //iframedoc.body.innerHTML = html.replace(/\$/g,'jQuery'); |
|
171 |
+ //myFormContainer.html(html.replace(/\$/g,'jQuery')); |
|
172 |
+ myFormContainer.html(''); |
|
173 |
+ 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" />'); |
|
174 |
+ }, |
|
175 |
+ crossDomain: true |
|
176 |
+ }); |
|
177 |
+} |
|
178 |
+ |
|
179 |
+ </script> |
|
180 |
+ |
|
181 |
+ <p> |
|
182 |
+ </p><h2>1. Include external context via iFrame e.g.:</h2> |
|
183 |
+ <br> |
|
184 |
+ <br> |
|
185 |
+ <!--<a href="https://thalassa.formcycle.de/formcycle/external/forms/main.xhtml">https://thalassa.formcycle.de/formcycle/external/forms/main.xhtml</a> |
|
186 |
+ <br/>--> |
|
187 |
+ <a href="https://pro.formcloud.de/formcycle/external/forms/main.xhtml">https://pro.formcloud.de/formcycle/external/forms/main.xhtml</a> |
|
188 |
+ <br> |
|
189 |
+ <p></p> |
|
190 |
+ |
|
191 |
+ <iframe src="https://pro.formcloud.de/formcycle/external/forms/main.xhtml" width="100%" height="340px"> |
|
192 |
+ <span>Your browser does not support iFrames</span> |
|
193 |
+ </iframe> |
|
194 |
+ <div class="wikimodel-emptyline"></div> |
|
195 |
+ <h2 id="H2.EventlistenerfFCrFormularauswahlregistrierenz.B.:" class="wikigeneratedid"><span>2. Register event listener for form selection e.g.:</span></h2> |
|
196 |
+ <div class="wikimodel-emptyline"></div><p> <br> |
|
197 |
+ <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; ">'Message from: "<b>'</span> <span style="color: #666666; ">+</span> msg.origin <span style="color: #666666; ">+</span> <span style="color: #BA2121; ">'</b>" Form with id: "<b>'</span> <span style="color: #666666; ">+</span> msg.data <span style="color: #666666; ">+</span> <span style="color: #BA2121; ">'</b>" was selected.'</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> |
|
198 |
+ <div class="wikimodel-emptyline"></div> |
|
199 |
+ <h2 id="H3.Ergebenisspeichern:" class="wikigeneratedid"><span>3. Save result:</span></h2> |
|
200 |
+ <div class="hljs" id="result"></div> |
|
201 |
+ <div class="wikimodel-emptyline"></div> |
|
202 |
+ <h2 id="H4.Formulareinbinden:" class="wikigeneratedid"><span>4. Include form:</span></h2> |
|
203 |
+ <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; ">//Resolve resources used <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; ">//Deliver form without 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; ">//Embed jQuery<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; ">//Enable keepalive mechanism for automatic session extension <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; ">//Embed jQueryUI<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; ">//External form request<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; ">"/submit-success.html"</span>, <span style="font-weight: italic; color: #408080; ">//CMS Page on success<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; ">"/submit-error.html"</span> <span style="font-weight: italic; color: #408080; ">//CMS Page on error <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> |
|
204 |
+ <div class="wikimodel-emptyline"></div> |
|
205 |
+ <h2 id="H5.ErgebenisFormular:" class="wikigeneratedid"><span>5. Resulting form:</span></h2> |
|
206 |
+ <div class="hljs" id="content"> |
|
207 |
+ </div> |
|
208 |
+ </div> |
|
209 |
+ </div> |
|
210 |
+ </body> |
|
211 |
+</html> |
