---
title: "Javascript richtig einbinden"
url: "https://www.typo3.net/d/106716-javascript-richtig-einbinden"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Frage"]
created: "2011-08-08"
last_reply: "2011-08-08"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# Javascript richtig einbinden

TYPO3 › TypoScript · 5 Antworten · gestartet 2011-08-08

## Eröffnungsbeitrag

**burn4ever** · 2011-08-08 · [Beitrag #1](https://www.typo3.net/d/106716-javascript-richtig-einbinden/1)

Hallo,
ich möchte gerne wie [hier](http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/) beschrieben mein menü-div slidebar machen.
Jetzt die grundlegende Frage.
Wo schreibe ich am besten den ganzen Javascript Code rein bzw. integriere diesen in meine Typo3 Seite?

Lege ich hierfür ein extra Template an schreibe das Javascript ins SETUP und schließe dieses ins Basis-Template ein?

## Antworten

### [#2](https://www.typo3.net/d/106716-javascript-richtig-einbinden/2) · king.​darki · 2011-08-08

Hallo,

auf jeden Fall würde ich das Javascript in eine externe Datei auslagern, und diese dann mit TS in den Head-Bereich laden.

Die Frage ist nur noch, benutzt du jQuery bzw. besser gesagt die t3jquery-Extension um jQuery auf jeder Seite einzubinden?
Denn dann hast du 2 unterschiedliche TS-Varianten, um die Datei einzubinden.

Mit jQuery würde das so aussehen:

```typoscript
page = PAGE
page {

  ...

  20 = USER
  20 {
    userFunc = tx_t3jquery->addJS
    jsfile = pfad/zur/Datei/dateiname.js
    # wenn die Datei komprimiert werden soll:
    compress = 1
    # wenn die Datei in den Footer geladen werden soll:
    tofooter = 1
  }
}
```

Und ohne t3jquery:

```typoscript
page = PAGE
page {
  headerData {
    10 = TEXT
    10.value = <script type="text/javascript" src="pfad/zur/Datei/dateiname.js"></script>
}
```

Grüße Patrick

### [#3](https://www.typo3.net/d/106716-javascript-richtig-einbinden/3) · burn4ever · 2011-08-08

Danke für die schnelle Antwort.
Habe das auch soweit verstanden ;-)

Eine frage habe ich aber noch:
Ich arbeite mit der T3jQuery Extension. Sehe ich das richtig das mit der ersten Methode das Javascript in die jQuery-Library geschrieben wird?
Wenn ja warum? ;-)

### [#4](https://www.typo3.net/d/106716-javascript-richtig-einbinden/4) · king.​darki · 2011-08-08

> **burn4ever schrieb:**
>
> Ich arbeite mit der T3jQuery Extension. Sehe ich das richtig das mit der ersten Methode das Javascript in die jQuery-Library geschrieben wird?
> Wenn ja warum? ;-)

Hm ne ich glaub dem ist nicht so...
Ich glaube, das sorgt einfach nur dafür, dass die JS-Datei erst NACH jQuery eingebunden wird.

Aber für eine genauere Aussage müsste man sich erstmal den Quellcode von t3jquery anschauen ;)

Grüße Patrick

### [#5](https://www.typo3.net/d/106716-javascript-richtig-einbinden/5) · king.​darki · 2011-08-08

Und hier noch schnell die Bestätigung aus der Datei class.tx_t3jquery.php für die Funktion "addJS":

```html
* Function to be used from TypoScript to add Javascript after the jquery.js
*
* This is a small wrapper for adding javascripts script after the jQuery Library.
* This is needed in some situations because headerdata added with "page.headerData"
* is placed BEFORE the headerdata which is added using PHP.
```

Außerdem kannst du dadurch so Specials wie "compress" und "tofooter" benutzen...

Grüße Patrick

### [#6](https://www.typo3.net/d/106716-javascript-richtig-einbinden/6) · burn4ever · 2011-08-08

Okay,
beste Dank für die Info.

---

Quelle: „Javascript richtig einbinden“, typo3.net, https://www.typo3.net/d/106716-javascript-richtig-einbinden
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.