Sie sind hier:

Wie kann ich JavaScript Code in meine Inhaltsseite integrieren?

JavaScript Code kann prinzipiell überall in einem HTML-Dokument eingefügt werden. Wenn Sie den JavaScript Code innerhalb von "body" einbinden möchten, können Sie dies im Absatz einer Inhaltsseite (unter Site > Seite) tun.

Um den JavaScript Code zwischen dem "title" und dem "head" Tag einzubinden, müssten Sie für die Inhaltsseite, auf der der JavaScript Code ausgeführt werden soll, eine neue Standardseitenvorlage erstellen und diese einbinden (Beachten Sie dabei die Vorgaben für Eigenentwicklungen!)

Gehen Sie dazu folgendermaßen vor:

  1. Erstellen Sie ein alternatives Inhaltsseitentemplate (Detail-Template).
  2. Binden Sie die einzelnen Komponenten in das Inhaltsseitentemplate ein.
  3. Machen Sie das neue Inhaltsseitentemplate im Seitencontainer verfügbar.
  4. Wählen Sie das neue Inhaltsseitentemplate in einem Artikel im Seitencontainer aus.

Erstellen Sie ein alternatives Inhaltsseitentemplate (Detail-Template)

Standardmäßig wird das Detailtemplate 20_standard_seite_d für alle Inhaltsseiten verwendet.
Dieses Template bettet vier Templates ein:

  • 10_pre_content_d
  • 10_ueberschrift_d
  • 10_absaetze_d
  • 10_post_content_d
Bildschirmfoto der eingebetteten Templates im Template 20_standard_seite_d, jpg, 49.8 KB
Bildschirmfoto der eingebetteten Templates im Template 20_standard_seite_d in der Bearbeitungssicht, jpg, 82.7 KB

Diese Templates betten wiederum zahlreiche weitere Templates ein.

Kopieren Sie das Template und verschieben Sie es unter einem anderen Namen in Ihren eigenen Bereich (Site > Eigene Erweiterungen > .eigene templates).

Binden Sie die einzelnen Komponenten in das Inhaltsseitentemplate ein

Die Header-Informationen befinden sich eingebettet in dem Template 10_pre_content_d, so dass an dieser Stelle bereits eine weitere Aufsplittung vorgenommen werden muss.
Das folgende Bildschirmfoto zeigt die eingebetteten Templates von 10_pre_content_d. Die Einbindung erfolgt zwischen 02_header_d und 02_header_post_d).

Bildschirmfoto zeigt die eingebetteten Templates von 10_pre_content_d, jpg, 149.1 KB

Aus diesem Grund muss das alternative Seitentemplate auch die detailliertere Struktur enthalten:

Bildschirmfoto zeigt die eingebetteten Templates, jpg, 75.0 KB

Das folgende Beispiel zeigt ein alternatives Seitentemplate, bei dem zum einen JavaScript Code und zusätzlich ein Flash-Objekt eingebunden wurde. Die Dateien liegen dabei im Container Site > Weitere Container > Links / Downloads.

alternatives Seitentemplate, bei dem zum einen JavaScript Code und zusätzlich ein Flash-Objekt eingebunden wurde, jpg, 160.7 KB

Machen Sie das neue Inhaltsseitentemplate im Seitencontainer verfügbar.

Vergessen Sie nicht, das alternative Seitentemplate im Seitencontainer verfügbar zu machen.

Bildschirmfoto Seitentemplate im Seitencontainer verfügbar machen, jpg, 83.9 KB

Wählen Sie das neue Inhaltsseitentemplate in einem Artikel im Seitencontainer aus

Bildschirmfoto der Auswahl eines Inhaltsseitententemplates in einem Artikel im Seitencontainer, jpg, 9.5 KB