| Beide Seiten, vorherige ÜberarbeitungVorherige ÜberarbeitungNächste Überarbeitung | Vorherige Überarbeitung |
| typo3:templating:allgemein [2013/12/28 19:03] – admin | typo3:templating:allgemein [2017/05/24 21:03] (aktuell) – Schreibweisen korrigiert admin |
|---|
| ===== CSS und Javascript einfügen ===== | ===== CSS und JavaScript einfügen ===== |
| <code typoscript> | <code typoscript> |
| page = PAGE | page = PAGE |
| page { | page { |
| #CSS einfügen: | // CSS einfügen: |
| includeCSS { | includeCSS { |
| file01 = fileadmin/css/layout.css | layout = EXT:templates/Resources/Public/Css/style.css |
| file02 = fileadmin/css/content.css | layout.media = screen |
| # Falls Datei bereits komprimiert, Kompression von TYPO3 abschalten: | |
| file02.disableCompression = 1 | // CSS über Media Query einbinden: |
| | additional = EXT:templates/Resources/Public/Css/additional.css |
| | additional.media = all and (min-width: 900px) |
| } | } |
| | |
| # Javascript vor </head> einfügen: | |
| includeJSlibs { | // JavaScript-Bibliotheken (oben in <head>): |
| file01 = fileadmin/js/html5shiv.js | includeJSLibs { |
| # Optionaler Wrap: | // Externes JavaScript: |
| file01.allWrap = <!--[if lt IE 9]>|<![endif]--> | jquery-1-11-3 = https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js |
| | jquery-1-11-3.external = 1 |
| # Externes Javascript: | // Einfügen am Anfang erzwingen: |
| file02 = http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js | jquery-1-11-3.forceOnTop = 1 |
| file02.external = 1 | |
| # Einfügen am Anfang erzwingen: | |
| file02.forceOnTop = 1 | |
| } | } |
| | |
| # Javascript vor </body> einfügen: | |
| | // JavaScripts (vor </head> bzw. page.headerData): |
| | includeJS { |
| | html5shiv = EXT:templates/Resources/Public/JavaScript/html5shiv.js |
| | // Optionaler Wrap: |
| | html5shiv.allWrap = <!--[if lt IE 9]>|<![endif]--> |
| | } |
| | |
| | |
| | // JavaScript vor </body> einfügen: |
| includeJSFooterlibs { | includeJSFooterlibs { |
| file01 = fileadmin/js/bootstrap.min.js | bootstrap = EXT:templates/Resources/Public/JavaScript/bootstrap.min.js |
| | bootstrap.disableCompression = 1 |
| } | } |
| | |
| # Falls die gewünschte Schreibweise nicht über includeJSFooterlibs realisiert werden kann | |
| | // Falls die gewünschte Schreibweise nicht über includeJSFooterlibs realisiert werden kann |
| 999 = TEXT | 999 = TEXT |
| 999 { | 999 { |
| value ( | value ( |
| <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> |
| <script>window.jQuery || document.write('<script src="fileadmin/fluid/Resources/Public/JavaScripts/jquery-1.10.2.min.js"><\/script>')</script> | <script>window.jQuery || document.write('<script src="typo3conf/ext/templates/Resources/Public/JavaScript/jquery-1.10.2.min.js"><\/script>')</script> |
| ) | ) |
| } | } |
| } | } |
| </code> | </code> |
