[Frage] Javascript über Fluid Template einbinden

  • DanielHoffmann DanielHof...
    TYPO3-Anwärter
    0 x
    5 Beiträge
    0 Hilfreiche Beiträge
    10. 06. 2015, 18:07

    Hallo,

    ich suche eine Lösung um Javascript-Dateien aus einem Fluid Template heraus einzubinden. Die ganz normale Syntax über "<script...." ist allerdings nicht das was ich suche.

    Ich würde die Dateien gerne mit in den "ordentlichen" Ablauf unter page.includeJs.... bringen. Das geht natürlich über den die Action im Controller, damit führe ich aber in meinem Fall die Trennung zwischen Logik und Design ad absurdum, da die JS Files ausschliesslich mit der Darstellung zu tun haben und ggf. bei der Verwendung eines anderen Templates gar nicht genutzt werden.

    Hat irgendjemand eine Idee?


  • 1
  • toifel toifel
    Jedi-Ratsmitglied
    0 x
    831 Beiträge
    96 Hilfreiche Beiträge
    10. 06. 2015, 21:55

    Schau dir mal den v:asset.script VielHelper an:
    https://fluidtypo3.org/viewhelpers/vhs/master/AssetViewHelper.html
    https://fluidtypo3.org/viewhelpers/vhs/master/Asset/ScriptViewHelper.html

    Die Extension findest du im TER unter "vhs".

  • DanielHoffmann DanielHof...
    TYPO3-Anwärter
    0 x
    5 Beiträge
    0 Hilfreiche Beiträge
    10. 06. 2015, 21:59

    Danke erstmal, werde ich morgen probieren. Auf dem ersten Blick fehlen die Config Optionen für compress und concentation oder habe ich das übersehen?

  • DanielHoffmann DanielHof...
    TYPO3-Anwärter
    0 x
    5 Beiträge
    0 Hilfreiche Beiträge
    11. 06. 2015, 12:12

    Klappt ganz gut, hat aber den grossen Nachteil, das die gemergten Daten nicht mehr mit gzip komprimiert zum Client übertragen werden.

    Gibt es dafür eine Lösung?

  • toifel toifel
    Jedi-Ratsmitglied
    0 x
    831 Beiträge
    96 Hilfreiche Beiträge
    11. 06. 2015, 13:22

    Die Komprimierung kannst du bspw. über die .htaccess erzwingen, sofern dein Webspace mod_gzip unterstützt:
    https://www.feedthebot.com/pagespeed/enable-compression.html

  • DanielHoffmann DanielHof...
    TYPO3-Anwärter
    0 x
    5 Beiträge
    0 Hilfreiche Beiträge
    11. 06. 2015, 17:15

    So,

    eine kurze Zusammenfassung meiner Umsetzung. Ich benutze jetzt die erwähnten Newshelper, damit das ganze sinnvoll ist, nutze ich die VHS Assets Funktionen auch im Typoscript zum einbinden von JS & CSS.

    Die Übertragung von gzip komprimierten Daten habe ich auf Servierseite über die .htaccess aktivieren können, allerdings musste ich die folgende Konfiguration nehmen.

    1. <IfModule mod_deflate.c>
    2. # these are known to be safe with MSIE 6
    3. AddOutputFilterByType DEFLATE text/html text/plain text/xml
    4.  
    5. # everything else may cause problems with MSIE 6
    6. AddOutputFilterByType DEFLATE text/css
    7. AddOutputFilterByType DEFLATE application/x-javascript application/javascript application/ecmascript
    8. AddOutputFilterByType DEFLATE application/rss+xml
    9. </IfModule>

    Funktioniert alles ganz gut, allerdings werde die per TS eingebundenen und die per Fluid eingebundenen Javascriptdateien zu zwei gemergten Dateien, da bin ich noch dran.

  • 1