---
title: "Wie bindet Ihr css und javascript ein?"
url: "https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein"
source: "typo3.net"
tags: ["Extensions","Extbase","Frage"]
created: "2012-03-12"
last_reply: "2012-03-30"
replies: 20
solved: false
page: 1
pages: 1
lang: "de"
---

# Wie bindet Ihr css und javascript ein?

Extensions › Extbase · 20 Antworten · gestartet 2012-03-12

## Eröffnungsbeitrag

**BFSven** · 2012-03-12 · [Beitrag #1](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/1)

Moin,

die Frage muss ich ja nicht wiederholen^^

Ich habe 2 Möglichkeiten dafür: Entweder im PHP, also Controller oder im HTML (z.B. Layout). Im Controller hatte ich es bisher in der initializeAction, damit ich es nicht für jede Action neu schreiben muss. Das führt aber bei fehlgeschlagenen Formularvalidierungen zum doppelten einbinden der Dateien (was wieder Fehler verursacht).

Wie handhabt Ihr das?

Danke für Auskünfte,
Sven

## Antworten

### [#2](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/2) · jousch · 2012-03-15

Ist es nicht sowieso besser aufgrund der Flexibilität CSS nur im FLUID-Template einzubinden?

Georg Ringer macht es so in tx_news: [IncludeFile Viewhelper der tx_news Extension auf git.typo3.org](http://git.typo3.org/TYPO3v4/Extensions/news.git?a=blob;f=Classes/ViewHelpers/IncludeFileViewHelper.php;h=c04f476cca44ffd060817ec46052576660874204;hb=323224f17f53c5fe4b9168ef428657f7bc3c7967)
Einbinden dann per:

```html
<n:includeFile path="EXT:news/Resources/Public/Css/news-basic.css" />
```

### [#3](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/3) · igorshmigor · 2012-03-15

Das ist elegant, aber ich finde es ärgerlich, dass Fluid nicht von sich aus einen solchen View-Helper mitbringt. Man sollte meinen, dass so etwas häufiger benötigt wird.

### [#4](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/4) · BFSven · 2012-03-15

An einen eigenen ViewHelper hab ich noch gar nicht gedacht, macht aber absolut Sinn. Ich würde sogar soweit gehen, dass ich nur die Datei angebe und - da ich meine Css immer in Public/Css speichere - der ViewHelper automatisch den Pfad ausliest.

```html
<my:includeFile file="my-ext.css" />
<my:includeFile file="my-ext.js" />
```

Zur Not geht dann auch

```html
<my:includeFile file="my-ext.css" path="EXT:news/Resources/Public/Css/Unterordner" />
```

Igor, lass uns doch einen Fluid-ViewHelper dafür schreiben und einreichen ;)

### [#5](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/5) · jousch · 2012-03-15

Mhm. Ich installier bei aktuellen Projekten auch immer ext:fed, die bietet sehr viele brauchbare ViewHelper :)

<http://fedext.net/fed-viewhelpers/pagerenderer/javascript.html> (z.B. auch eine Variante fürs JS einbinden)

### [#6](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/6) · jousch · 2012-03-15

> **BFSven schrieb:**
>
> An einen eigenen ViewHelper hab ich noch gar nicht gedacht, macht aber absolut Sinn. Ich würde sogar soweit gehen, dass ich nur die Datei angebe und - da ich meine Css immer in Public/Css speichere - der ViewHelper automatisch den Pfad ausliest.
>
> ```html
> <my:includeFile file="my-ext.css" />
> <my:includeFile file="my-ext.js" />
> ```
>
> Zur Not geht dann auch
>
> ```html
> <my:includeFile file="my-ext.css" path="EXT:news/Resources/Public/Css/Unterordner" />
> ```
>
> Igor, lass uns doch einen Fluid-ViewHelper dafür schreiben und einreichen ;)

Wichtig definitiv ist das es auch für den Integrator nachher noch flexibel bleibt ;)

### [#7](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/7) · igorshmigor · 2012-03-15

> **BFSven schrieb:**
>
> Igor, lass uns doch einen Fluid-ViewHelper dafür schreiben und einreichen ;)

Das hat doch der gute Georg schon gemacht. Der View Helper in seiner Extension ist doch schon ganz gut, so wie er ist. Den könnte das Fluid Team gerne übernehmen.

### [#8](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/8) · BFSven · 2012-03-15

> **igorshmigor schrieb:**
>
> Das hat doch der gute Georg schon gemacht. Der View Helper in seiner Extension ist doch schon ganz gut, so wie er ist. Den könnte das Fluid Team gerne übernehmen.

Wenn die das mal machen würden ;)
Ich dachte nur man könnte es - wie oben beschrieben - ein bisschen einfacher schreiben, sodass ich nur noch die Datei angebe und der ViewHelper allein rausfindet, wo er die hernehmen soll (Convention over Configuration).

### [#9](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/9) · jousch · 2012-03-15

Ich finds mehr TYPO3 like, wenn man immer den gesamten Pfad angibt. Oder eben mit *EXT:...*. Das sind die Integratoren schon gewohnt ;)

### [#10](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/10) · BFSven · 2012-03-15

> **josDesign schrieb:**
>
> Mhm. Ich installier bei aktuellen Projekten auch immer ext:fed, die bietet sehr viele brauchbare ViewHelper :)
>
> <http://fedext.net/fed-viewhelpers/pagerenderer/javascript.html> (z.B. auch eine Variante fürs JS einbinden)

f**k, manchmal laufen so tolle sachen an mir vorbei #angry#

### [#11](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/11) · jousch · 2012-03-15

Am einfachsten ist es die TYPO3 Leuten in Twitter zu verfolgen ;)

### [#12](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/12) · BFSven · 2012-03-15

Hab mich bisher erfolgreich von Twitter fernhalten können. War wohl 'n Fehler ;)

### [#13](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/13) · jousch · 2012-03-15

Brauchst ja nur Dummy Account erstellen, bzw. #TYPO3 durchforsten oder so ;)

### [#14](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/14) · BFSven · 2012-03-15

ich bin eher der rss-Typ :)

Du suchst nen Fulltime-Job?

### [#15](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/15) · jousch · 2012-03-15

> **BFSven schrieb:**
>
> Du suchst nen Fulltime-Job?

Jepp, in Österreich. Am besten Wien, Wien-Umgebung :)

### [#16](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/16) · BFSven · 2012-03-15

Ganz toll, jetzt hab ich mich bei Twitter angemeldet .. Du bist schuld.

Wir sind leider in Potsdam/Berlin

### [#17](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/17) · jousch · 2012-03-15

Hehe! Sehr brav... kannst ja mal meine TYPO3 Liste durchgehn. Da sind einige Leute bereits drin, denen du folgen kannst :)

Aber nur Twitter ist wichtig... Sondern auch typo3.org, usw... forge... usw..

### [#18](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/18) · igorshmigor · 2012-03-15

Tweets kann man auch als RSS-Feed abonieren.
Ich mache das mit Feedreader.
Einfach als URL <http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=xxxxx> angeben, wobei Du xxxxx natürlich durch den Usernamen ersetzt.

### [#19](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/19) · jousch · 2012-03-15

> **igorshmigor schrieb:**
>
> Tweets kann man auch als RSS-Feed abonieren.
> Ich mache das mit Feedreader.
> Einfach als URL <http://api.twitter.com/1/statuses/user_timeline.rss?screen_name=xxxxx> angeben, wobei Du xxxxx natürlich durch den Usernamen ersetzt.

Geil DANKE!!

### [#20](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/20) · igorshmigor · 2012-03-21

Funktioniert das eigentlich bei Euch mit

```php
$GLOBALS['TSFE']->getPageRenderer()->addJsFile($path, NULL, $compress);
```

für das Frontend? Das ist ja das, was in dem verlinkten tx_news View Helper verwendet wird.

Ich hatte das mal in einem kleinen Script getestet, ohne Erfolg. Die JavaScript-Datei wird nicht eingebunden. Habe jetzt aber auch nicht die News-Extension von Georg Ringer verwendet, die führt bei mir nur dazu, dass gar nichts mehr geht (leere Seite im BE und FE).

Mir scheint, dass addJsFile eigentlich für das Backend gedacht ist. Der normale Weg fürs Frontend ist ja eher

```php
$GLOBALS['TSFE']->additionalHeaderData
```

### [#21](https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein/21) · jank · 2012-03-30

> **igorshmigor schrieb:**
>
> Funktioniert das eigentlich bei Euch mit
>
> ```php
> $GLOBALS['TSFE']->getPageRenderer()->addJsFile($path, NULL, $compress);
> ```
>
> für das Frontend? Das ist ja das, was in dem verlinkten tx_news View Helper verwendet wird.
>
> Ich hatte das mal in einem kleinen Script getestet, ohne Erfolg. Die JavaScript-Datei wird nicht eingebunden. Habe jetzt aber auch nicht die News-Extension von Georg Ringer verwendet, die führt bei mir nur dazu, dass gar nichts mehr geht (leere Seite im BE und FE).
>
> Mir scheint, dass addJsFile eigentlich für das Backend gedacht ist. Der normale Weg fürs Frontend ist ja eher
>
> ```php
> $GLOBALS['TSFE']->additionalHeaderData
> ```

es funktioniert bei mir. Typo3 4.5.14 so:

```php
		$GLOBALS['TSFE']->getPageRenderer()->addJsFooterFile(t3lib_extMgm::siteRelPath('ext_key'). 'Resources/Public/JavaScript/ShowAction.js');
```

---

Quelle: „Wie bindet Ihr css und javascript ein?“, typo3.net, https://www.typo3.net/d/109747-wie-bindet-ihr-css-und-javascript-ein
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.