Zum Inhalt springen

Einbindung in <head> und in Content

Erstellt am 24. April 2012 · 4 Antworten · letzte Antwort am 24. April 2012

Tags: JavaScript & AJAX, HTML & CSS, Frage

htausw ·

Hallo Zusammen,

ich habe einem Freund versprochen privat zu helfen. Arbeite zwar auch als Webentwickler muss jedoch gestehen das ich Typo3 noch nie benutzt habe. Bin also absoluter Newbee.

Was soll ich machen machen?
Das hier..

<link href="http://xxx.css />
<script type="text/javascript" src="http://xxx.js"></script>

muss in irgentwie den <head> TAG rein.

Ich habe bereits ein TypoScript-Snippet zu Meta gefunden.

page = PAGE
page {
  headerData {
    10 = TEXT
    10.value = <meta name="best-cms" content="TYPO3, of course."/>
  }
}

Wie sieht das beim style und script aus?

Am wichtisten ist: Wo? Oder besser welcher Datei, in der Verzeichnis Struktur, binde ich das ein?

Dazu kommt, dass ich dann ein Javascript für ein Anmeldeformular(Klassentreffen) in den Contentbereich einer neuen Seite und ein Inline-Javascriptblock direkt drunter einbinden muss.
SoWas:

<script type="text/javascript" src="http://xxx/Script.js"></script>
<div style="width: 340px" id="content"></div>
<script type="text/javascript">
Values...
</script>

Ich habe mir das Backend angeschaut. Hab die Nutzung soweit verstanden. Neue Seite etc..
Nur wie ich die Inline-Geschichte rein bekomme hab ich nicht gecheckt.

Ich würde mich über etwas Input von Euch TypoExperten freuen. Ich sitz jetzt auch schon ne Weile. Naja es funktioniert halt noch nicht so.

Danke schon mal
Heiko

Wool ·

Bitte Suche bemühen!

CSS-Einbinden, bspw.:

page.includeCSS.file1 = fileadmin/Pfad/zurDatei.css
page.includeCSS.file1.media = screen

für weitere falls nötig: ...file2/..3/etc.
Wird im Template Setup-Feld eingebunden.

JS-Datei in Header einbinden:
#100924 - ganz unten!

JS - im Content:
HTML-Content-Element schon versucht?

Tipp:
Wenn Du aber, wie Du selbst sagst, Anfänger bist, dann solltest du zuerst mal ein Tutorial machen um Typo3 im Ansatz zu begreifen.

htausw ·

Vielen Dank.
ein kleine Frage hätte ich noch.

Wo finde ich das so oft zitierte Feld "setup"?

Gruß Heiko

Wool ·

Template Setup-Feld:
Im Backend (TYPO3-Administration) links im Menü unter "Web" auf "Template" klicken und dann im rechten Fenster im Drop-Down-Feld "Info/Bearbeiten" auswählen.

Dann erscheint dann eine Tabelle und vor dem Setup ist ein Stift-Icon, da klickst du drauf.

(ggf. gibt es mehrere Templates auf der Seite, dann musst Du schauen welches du bearbeiten musst)

Tipp für Neueinsteiger:
Vor dem Bearbeiten den kompletten Inhalt des Feldes in eine Text-Datei kopieren, dann kann man bei Fehlern den Ur-Zustand wieder herstellen. (Sichwort: Sicherheitskopie!)

Chrissli ·

Kleien Ergänzung:

page.includeJS.xyz = fileadmin/Pfad-zum-JS

Erlaubt das einbinden von Javascriptdateien analog zum CSS-Beispiel