... |
... |
@@ -1,33 +31,3 @@ |
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 |
|
-Für das folgenden Beispiel wird zu Demonstrationszwecken eine eigene [[HTML-Seite>>attach:iframe.html]] in einem iframe dargestellt: |
30 |
|
- |
31 |
31 |
{{html clean="false"}} |
32 |
32 |
<style type="text/css"> |
33 |
33 |
pre{ |
... |
... |
@@ -72,6 +72,10 @@ |
72 |
72 |
</style> |
73 |
73 |
|
74 |
74 |
<div class="resizer border" style="height: 1000px;"> |
75 |
|
- <iframe id="customerdemo" class="resized" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe> |
|
45 |
+ <iframe id="content" class="content" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeExternalContext/content.html"></iframe> |
76 |
76 |
</div> |
77 |
77 |
{{/html}} |
|
48 |
+ |
|
49 |
+Hinweis: Aus Kompatibilitätsgründen wird der Inhalt auf dieser Seite in einem iframe dargestellt. |
|
50 |
+ |
|
51 |
+ |