Bedienungsanleitung zur Software

Arclab Webformular Generator

Einbindung des Formulars in eine Typo3 - Webseite | Inhaltsverzeichnis

 

Schritt 1 ... das Formular fertig erzeugen lassen und hochladen


Klicken Sie im oberen Menü auf den Button "Webformular erstellen". Verwenden Sie hierfür NICHT die Option "Projekt speichern". Dies speichert lediglich den Entwurf an sich inkl. aller Einstellungen. Das Programm erstellt nun eine Datei im PHP - Format, die das gesamte Formular enthält.

 

071

 

Laden Sie die vom Programm erzeugte Datei per FTP am besten in das Stammverzeichnis der Drupal-Installation hoch. Wenn Sie die Datei in ein Unterverzeichnis ablegen, müssen Sie später den Pfad anpassen. In diesem Beispiel verwenden wir den Dateinamen "formular.php".

 

  • Liegt die Datei im Typo3 - Stammverzeichnis, so lautet der Pfad: /formular.php
  • Laden Sie die Datei hingegen z.B. in den Unterordner /forms, dann lautet der Pfad: /forms/formular.php

 

 

Schritt 2 ... in Typo3 einloggen und ein neues Textelement anlegen


Melden Sie sich an Ihrem Typo3-System als "Administrator" an. Anderen Nutzern mit eingeschränkten Rechten ist es nicht möglich, die Anweisung und somit das Formular in die Typo3 - Seite einzufügen. Legen Sie im ersten Schritt ein neues Inhaltselement vom Typ "Text" an.

 

145

 

Ändern Sie anschliessend den Typ des Inhaltselements von Text auf HTML. Damit sind die Vorbereitungen des Elements abgeschlossen.

 

146

 

 

Schritt 3 ... die Anweisung zur Einbindung in die Typo3 - Seite einfügen


Nun kann an der gewünschten Position die Javascript - Anweisung für die Einbindung des Formulars eingefügt werden. Den notwendigen Code stellt der Webformular Generator komplett fertig zur Verfügung. Sie müssen lediglich den Dateinamen (im gezeigten Beispiel /formular.php) entsprechend anpassen. Tragen Sie also den Dateinamen Ihres Formulars ein ... WICHTIG ... und fügen Sie ein / vor dem Dateinamen ein.

 

<div id="awf-form"><script>var c=new XMLHttpRequest();c.open('GET','/formular.php?js=awf');c.onreadystatechange=function(){if(c.readyState===4&&c.status===200){var s=document.createElement('script');s.innerHTML=c.responseText;document.head.appendChild(s);awf_Run('awf-form');}};c.send();</script></div>

 

Einige sehr wichtige Hinweise !!!

 

  • Wenn Sie den Javascript-Code direkt aus dem Webformular Generator herauskopiert haben, müssen Sie den Pfad
    von dateiname.php zu /dateiname.php ändern ... also immer ein / vor dem Namen Ihrer PHP-Datei hinzufügen.

  • Wenn die Datei formular.php z.B. im Stammverzeichnis liegt, lautet die Angabe /formular.php. Soll sich das
    Formular hingegen z.B. auf der Seite Kontakt befinden, lautet die Pfadangabe /kontakt/formular.php, wenn
    die Seite "Kontakt" im virtuellen Unterordner /kontakt/ liegt.

 

 

Kopieren Sie nun den die JavaScript - Anweisung an die gewünschte Position in den Typo3 - Editor. Überprüfen Sie unbedingt nochmals, ob die Pfadangaben wie oben beschrieben korrekt sind. Eine evtl. Markierung des Codes durch die Rechtschreibkorrektur kann ignoriert werden.

 

147

 

Im gezeigten Beispiel lautet der Dateiname /webform.php. Ersetzten Sie diesen durch den Namen Ihrer PHP-Datei, die vom Webformular Generator erstellt wurde und das Formular enthält. Achten Sie darauf, dass vor dem Dateinamen ein / steht. Speichern Sie die Seite abschliessend und überprüfen Sie, ob die Seite inkl. dem Formular korrekt angezeigt werden. Sollte dies nicht der Fall sein, so überprüfen Sie bitte folgende Punkte ...

 

 

<< zurück zum Inhaltsverzeichnis