Von Version 7.2
bearbeitet von gru
am 05.10.2022, 12:43
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 8.3
bearbeitet von gru
am 05.10.2022, 13:27
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,38 +1,7 @@
1 -{{html clean="false"}} <script type="text/javascript" src="https://demo7.formcycle.eu/formcycle/form/includes/010-jquery-min.js?_nc=1637667410192" ></script>
2 -<script type="text/javascript" src="https://demo7.formcycle.eu/formcycle/form/include.js?form_id=564&form_base=https%3A%2F%2Fdemo7.formcycle.eu%2Fformcycle&auto=1&form_container_id=content" ></script>
1 +{{html clean="false"}}
3 3  
4 -<style type="text/css">
5 - pre{
6 - margin:0;
7 - }
8 -
9 - .xm-form{
10 - margin:0 auto;
11 - }
12 -
13 - .extra .hljs-string{
14 - font-weight:bold;
15 - color:red;
16 - }
17 -
18 - iframe, .hljs{
19 - max-width:700px;
20 - border:2px solid #515151;
21 - }
22 -
23 - .hljs{
24 - max-width:985px;
25 - text-align:center;
26 - }
27 -
28 - span.box{
29 - display: block;
30 - padding: 20px;
31 - }
32 -</style>
33 -
34 34  <script>
35 - console.log("before noConflict");
4 +/* console.log("before noConflict");
36 36   $.noConflict();
37 37   console.log("after noConflict");
38 38  
... ... @@ -127,8 +127,8 @@
127 127   window.xima.fc.form.load({form_container_id:'content', form_base:'https://demo7.formcycle.eu/formcycle', form_id:'564'});
128 128  });
129 129  
99 +*/
130 130  
131 -
132 132   </script>
133 133   <style type="text/css">
134 134   span.box{
... ... @@ -157,5 +157,38 @@
157 157   {{/code}}
158 158  
159 159  {{html clean="false"}}
160 - <div class="hljs" id="content"></div>
129 + <style type="text/css">
130 + pre{
131 + margin:0;
132 + }
133 +
134 + .xm-form{
135 + margin:0 auto;
136 + }
137 +
138 + .extra .hljs-string{
139 + font-weight:bold;
140 + color:red;
141 + }
142 +
143 + iframe, .hljs{
144 + max-width:700px;
145 + border:2px solid #515151;
146 + }
147 +
148 + .hljs{
149 + max-width:985px;
150 + text-align:center;
151 + }
152 +
153 + span.box{
154 + display: block;
155 + padding: 20px;
156 + }
157 + </style>
158 +
159 +
160 + <iframe id="customerdemo" style="width:100%; height:600px" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html">
161 +
162 + </iframe>
161 161  {{/html}}
iframe.html
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.gru
Größe
... ... @@ -1,0 +1,1 @@
1 +893 bytes
Inhalt
... ... @@ -1,0 +1,22 @@
1 +<!DOCTYPE html>
2 +<html>
3 + <head>
4 + <meta charset="utf-8">
5 + <!-- jQuery must be loaded-->
6 + <script src="https://demo7.formcycle.eu/formcycle/form/includes/010-jquery-min.js?_nc=1637667410192"></script>
7 + <!-- configure path to your server, the id of the content element where the form should placed into and id of the form.-->
8 + <script src="https://demo7.formcycle.eu/formcycle/form/include.js?auto=1&form_container_id=content&form_id=564&form_base=https://demo7.formcycle.eu/formcycle"></script>
9 + <style>
10 + h1.page, p.page {
11 + text-align: center;
12 + }
13 + </style>
14 + </head>
15 +
16 + <body class="body">
17 + <h1 class="page">Beispielwebseite</h1>
18 + <p class="page">Mit dem obenstehenden Code kann ein FORMCYCLE Formular per AJAX in die Website geladen werden.</p>
19 + <!-- this is the div where the form will be placed into -->
20 + <div id="content"></div>
21 + </body>
22 +</html>