| ... |
... |
@@ -1,3 +1,33 @@ |
|
1 |
+{{html clean="false"}} |
|
2 |
+ <style type="text/css"> |
|
3 |
+ span.box{ |
|
4 |
+ display: block; |
|
5 |
+ padding: 20px; |
|
6 |
+ } |
|
7 |
+ </style> |
|
8 |
+{{/html}} |
|
9 |
+ |
|
10 |
+Sie können das Formular direkt per AJAX ohne IFrames in Ihre Webseite einbinden. Unterstützung der möglichen Einbindungsoptionen finde Sie in FORMCYCLE direkt unter [[Veröffentlichen>>doc:Formcycle.UserInterface.MyForms.Publish.WebHome||target="_blank"]]. |
|
11 |
+ |
|
12 |
+ {{code}} <!DOCTYPE html> |
|
13 |
+ <html> |
|
14 |
+ <head> |
|
15 |
+ <meta charset="utf-8"> |
|
16 |
+ <!-- jQuery must be loaded--> |
|
17 |
+ <script src="https://demo7.formcycle.eu/formcycle/form/includes/010-jquery-min.js?_nc=1637667410192"></script> |
|
18 |
+ <!-- configure path to your server, the id of the content element where the form should placed into and id of the form.--> |
|
19 |
+ <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> |
|
20 |
+ </head> |
|
21 |
+ |
|
22 |
+ <body class="body"> |
|
23 |
+ <!-- this is the div where the form will be placed into --> |
|
24 |
+ <div id="content"></div> |
|
25 |
+ </body> |
|
26 |
+ </html> |
|
27 |
+ {{/code}} |
|
28 |
+ |
|
29 |
+Die Einbindung erfolgt hier zur Demonstration in eine eigene HTML-Seite in einem iframe: |
|
30 |
+ |
| 1 |
1 |
{{html clean="false"}} |
| 2 |
2 |
<style type="text/css"> |
| 3 |
3 |
pre{ |
| ... |
... |
@@ -36,16 +36,13 @@ |
| 36 |
36 |
margin:0; |
| 37 |
37 |
padding:0; |
| 38 |
38 |
border:0; |
| 39 |
|
- height: inherit; |
|
69 |
+ width: 100%; |
|
70 |
+height: 1000px; |
| 40 |
40 |
} |
| 41 |
41 |
.border { border:4px dashed black; } |
| 42 |
42 |
</style> |
| 43 |
43 |
|
| 44 |
|
- <div class="resizer border" style="height: 1000px;"> |
| 45 |
|
- <iframe id="content" class="content" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeExternalContext/content.html"></iframe> |
|
75 |
+ <div class="resizer border"> |
|
76 |
+ <iframe id="customerdemo" class="resized" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe> |
| 46 |
46 |
</div> |
| 47 |
47 |
{{/html}} |
| 48 |
|
- |
| 49 |
|
-Hinweis: Aus Kompatibilitätsgründen wird der Inhalt auf dieser Seite in einem iframe dargestellt. |
| 50 |
|
- |
| 51 |
|
- |
