Von Version 10.1
bearbeitet von gru
am 05.10.2022, 13:48
Änderungskommentar: Neuen Anhang iframe.html hochladen
Auf Version 11.7
bearbeitet von gru
am 02.03.2023, 09:03
Änderungskommentar: Update document after refactoring.

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Formular per AJAX einbinden
1 +IncludeExternalContext
Inhalt
... ... @@ -24,9 +24,9 @@
24 24   <div id="content"></div>
25 25   </body>
26 26   </html>
27 - {{/code}}
27 +{{/code}}
28 28  
29 -Die Einbindung erfolgt hier zur Demonstration in eine eigene HTML-Seite in einem iframe:
29 +Für das folgenden Beispiel wird zu Demonstrationszwecken eine eigene [[HTML-Seite>>attach:iframe.html]] in einem iframe dargestellt:
30 30  
31 31  {{html clean="false"}}
32 32   <style type="text/css">
... ... @@ -66,7 +66,6 @@
66 66   margin:0;
67 67   padding:0;
68 68   border:0;
69 - width: 100%;
70 70   height: inherit;
71 71   }
72 72   .border { border:4px dashed black; }
iframe.html
Größe
... ... @@ -1,1 +1,1 @@
1 -857 bytes
1 +893 bytes
Inhalt
... ... @@ -7,7 +7,7 @@
7 7   <!-- configure path to your server, the id of the content element where the form should placed into and id of the form.-->
8 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 9   <style>
10 - h1, p {
10 + h1.page, p.page {
11 11   text-align: center;
12 12   }
13 13   </style>
... ... @@ -14,8 +14,8 @@
14 14   </head>
15 15  
16 16   <body class="body">
17 - <h1>Beispielwebseite</h1>
18 - <p>Mit dem obenstehenden Code kann ein FORMCYCLE Formular per AJAX in die Website geladen werden.</p>
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 19   <!-- this is the div where the form will be placed into -->
20 20   <div id="content"></div>
21 21   </body>