Typo3 Layout: Unterschied zwischen den Versionen

Aus Vosp.info
Wechseln zu:Navigation, Suche
K (hat „Layout“ nach „Typo3 Layout“ verschoben: damit die Seite einen eindeutigeren Namen hat)
 
(17 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt)
Zeile 2: Zeile 2:
 
== Global ==
 
== Global ==
 
Beeinflusst alles (bitte Umformulieren!)<br>
 
Beeinflusst alles (bitte Umformulieren!)<br>
Der Wildcard muss an den Anfang, ansonsten wird er ignoriert!
+
Der Wildcard muss an den Anfang, ansonsten wird der Block ignoriert!
  
 
  [useragent = *]
 
  [useragent = *]
Zeile 32: Zeile 32:
  
 
= Mehrere CSS-Files =
 
= Mehrere CSS-Files =
page.includeCSS{
+
page.includeCSS{
file1 = fileadmin/{$page}/css/{$cssfile1}
+
file1 = fileadmin/{$page}/css/{$cssfile1}
file2 = fileadmin/{$page}/css/{$cssfile2}
+
file2 = fileadmin/{$page}/css/{$cssfile2}
}
+
}
 +
= Javascript einbinden =
 +
== Datei einbinden ==
 +
page.includeJS.file1 = pfad/zu/datei/javascriptdatei.js
 +
page.includeJS.file2 = pfad/zu/datei/javascriptdatei2.js
 +
== Code direkt im Template einbinden ==
 +
page.headerData.20 = TEXT
 +
page.headerData.20.value (
 +
      <script type="text/javascript">
 +
        alert("Hallo Welt!");
 +
      </script>
 +
)
 +
http://www.typo3-snippets.de/snippets/extension-programmierung/javascript-einbinden.html
 +
 
 +
= Hochzählen =
 +
 
 +
== Hochzählen für Seiteninhalte ==
 +
Hochzählen für einmalig benannte "id"s.<br>
 +
Damit lässt sich im Zusammenhang mit JavaScript z.B. ein Menu bauen.<br>
 +
<br>
 +
WICHTIG: piv durch div ersetzen, anders konnte ich den code nicht dastellen lassen
 +
<br>
 +
 
 +
 
 +
<code>
 +
temp.content_start < styles.content.get
 +
temp.content_start {
 +
    renderObj < tt_content
 +
    renderObj.stdWrap.preCObject = LOAD_REGISTER
 +
        renderObj.stdWrap.preCObject{
 +
                    Counter.cObject = TEXT
 +
                    Counter.cObject.data = register:Counter
 +
                    Counter.cObject.wrap = |+1
 +
                    Counter.prioriCalc = intval
 +
          }
 +
      renderObj.stdWrap.dataWrap = <piv id="element_{register:Counter}">|</piv>
 +
  }
 +
</code>
 +
<br>
 +
 
 +
* http://www.carraldo.de/typo-3/broesel/typoscript/
 +
 
 +
<br>
 +
== Hochzählen für Menus ==
 +
 
 +
li wurde durch il und ul durch lu ersetzt: wikiprobleme
 +
 
 +
subparts.NAVIGATION = HMENU
 +
subparts.NAVIGATION {
 +
    entryLevel = 0
 +
    wrap = <lu> | </lu>
 +
 +
    1 = TMENU
 +
    1.noBlur = 1
 +
 +
    1.NO.wrapItemAndSub = <il id="panel{register:count_HMENU_MENUOBJ}"> | </il>
 +
    1.NO.wrapItemAndSub.insertData = 1
 +
 +
 
 +
* [http://forum.de.selfhtml.org/archiv/2009/12/t193851/ Beitrag von '''HanSolo'''
 +
== Ebene-2-Überschrift ==

Aktuelle Version vom 30. Januar 2013, 17:24 Uhr

Browserweiche in TS

Global

Beeinflusst alles (bitte Umformulieren!)
Der Wildcard muss an den Anfang, ansonsten wird der Block ignoriert!

[useragent = *]
Anweisung XYZ
[global]

[useragent = *Chrome*]
 Anweisung XYZ
[global]

[useragent = *Firefox*]
 Anweisung XYZ
[global]

Lokal ???

[useragent = *]
 Anweisung XYZ
[end]

[useragent = *Chrome*]
 Anweisung XYZ
[end]

[useragent = *Firefox*]
 Anweisung XYZ
[end]

Mehrere CSS-Files

page.includeCSS{
	file1 = fileadmin/{$page}/css/{$cssfile1}
	file2 = fileadmin/{$page}/css/{$cssfile2}
	}

Javascript einbinden

Datei einbinden

page.includeJS.file1 = pfad/zu/datei/javascriptdatei.js
page.includeJS.file2 = pfad/zu/datei/javascriptdatei2.js 

Code direkt im Template einbinden

page.headerData.20 = TEXT
page.headerData.20.value (
     <script type="text/javascript">
       alert("Hallo Welt!");
     </script>
)

http://www.typo3-snippets.de/snippets/extension-programmierung/javascript-einbinden.html

Hochzählen

Hochzählen für Seiteninhalte

Hochzählen für einmalig benannte "id"s.
Damit lässt sich im Zusammenhang mit JavaScript z.B. ein Menu bauen.

WICHTIG: piv durch div ersetzen, anders konnte ich den code nicht dastellen lassen



temp.content_start < styles.content.get
temp.content_start {
    renderObj < tt_content
    renderObj.stdWrap.preCObject = LOAD_REGISTER
        renderObj.stdWrap.preCObject{
                   Counter.cObject = TEXT
                   Counter.cObject.data = register:Counter
                   Counter.cObject.wrap = |+1
                   Counter.prioriCalc = intval
         }
     renderObj.stdWrap.dataWrap = <piv id="element_{register:Counter}">|</piv>
 }



Hochzählen für Menus

li wurde durch il und ul durch lu ersetzt: wikiprobleme
subparts.NAVIGATION = HMENU
subparts.NAVIGATION {
   entryLevel = 0
   wrap = <lu> | </lu>

   1 = TMENU
   1.noBlur = 1

   1.NO.wrapItemAndSub = <il id="panel{register:count_HMENU_MENUOBJ}"> | </il>
   1.NO.wrapItemAndSub.insertData = 1
}  

Ebene-2-Überschrift