Just Hinzufügen von js Skript zu typo3

Question

Ich habe das folgende Problem. Ich habe eine typo3-Seite ohne Vorlage, die ich selbst gemacht habe, aber es hat in gewisser Weise den Stil und das Verhalten der anderen Seiten (ich meine Navigation, Fußzeile und so weiter). Jetzt habe ich etwas HTML in die Seite geschrieben, indem ich ein HTML-Element erstellt habe.

In diesem HTML-Element habe ich einige js-Code enthalten, der jQuery verwendet. Das Problem ist, dass die Seite die jQuery in der Fußzeile lädt und meine Skripte vor (im HTML-Element) geladen werden. Also erkennt mein Skript jQuery nicht. Wie kann ich meine Skripte am Ende der Seite hinzufügen? Ich weiß, dass es etwas mit Vorlagen zu tun hat, aber wenn ich eine neue Vorlage für die Seite erstelle, verschwindet der gesamte Inhalt.

Wäre nett, irgendeine Hilfe zu bekommen.

Cheers,

Andrej

Answer 1

ich durch Vorlage hoffen, dass Sie eine Vorlage Rekord bedeuten, wo Sie Ihre TypoScript speichern? Ansonsten ist diese Antwort nicht das, wonach Sie suchen. :)

Sie können einfach eine Erweiterung Vorlage auf Ihrer Seite hinzufügen, die nur den Rest des TypoScript hinzufügt, aber nichts überschreibt. Gehen Sie dazu auf das Template Modul, wählen Sie „Info/Modify“ in der Dropdown-Liste am oberen und verwenden Sie diese Taste

Erläuterung: eine Erweiterung Vorlage hat das Kontrollkästchen für die Konstanten Clearing- und das Setup nicht geprüft und wird nicht verwirren mit dem Rest Ihrer Website TypoScript:

Answer 2

Es ist in der Regel gute Praxis alle Ihre JS aus einer einzigen Datei in der Fußzeile der Seite platziert zu lesen. Fügen Sie diese auf dem Setup-Abschnitt Ihrer Seite Vorlage:

page.includeJSFooter.scripts = fileadmin/js/scripts.js 

Dann entfernen Sie die JS aus dem HTML-Template und in diese Datei setzen. Diese Datei könnte alle Ihre benutzerdefinierten JS und möglicherweise sogar alle Bibliotheken enthalten, die Sie auf der Seite verwenden (wenn Sie sie nicht von einem CDN laden).

Bonus: Der JS muss nicht auf jeder Seite neu geladen werden, sondern kann aus dem Cache gelesen werden.

Als Referenz: https://docs.typo3.org/typo3cms/TyposcriptReference/Setup/Page/Index.html#includejsfooter-array