Wikizone - Benutzerbeiträge [de]

MySQL - Daten importieren und exportieren

2007-10-25T17:06:30Z

91.32.41.106:

Das Problem beim Datenimport und Export ist oft die konvertierung von Datenformaten, Zeichensatz etc.

== Beispiel Autohaus Wetzel ==
Die Daten für die Jahreswagen liegen als Excel Liste vor. Die Datenbank ist eine mySQL DB in der Version 3.23.

# Kopieren der Daten aus der Excel-Liste per copy & paste und Prüfen der Formate bzw. Formate verändern (Datum, Tausenderpunkte raus, Gänsefüsschen raus...)
# Zusätzliche Daten generieren z.B. Händlermarge über eine Excel Funktion dazurechnen (am besten eine Vorlage nutzen und die Daten dort reinkopieren)
# Als .csv Datei speichern.
# Umwandlung in sql Datei weil die alte Mysql Version keine .csv lesen kann. Dazu am einfachsten eine Lokale neuere mysql Version nehmen, csv Daten einspielen und danach als .sql Datei exportieren (
# Einspielen der .sql Datei z.B. über phpMyAdmin

Einstellungen:
als .csv Daten Speichern (aus OOffice: utf-8, Trennzeichen ; Texttrenner Gänsefüßchen

Import in moderner mySQL :
'''utf-8 als Importformat''' und Tabelle in benötigtem Zeichensatz anlegen

'''Export als SQL''' mit
* '''Kompatibilitätsmodus''',
* Struktur mit '''Drop Table''' und '''kompletten Inserts'''.
* Dabei ruhig die Spaltenüberschriften mitnehmen, die eignen sich nachher gut zur Kontrolle und können leicht über phpMyAdmin gelöscht werden.

Import in alter Datenbank über SQL Statement (als File)

== Datum in Unix Timestamp umwandeln ==
Oft liegt ein Datum aus einer Exel oder OpenOffice Calc Tabelle als Datum vor und man kann es nicht ohne weiteres vor dem Import umwandeln. In diesem Falle hilft ein Trick.

1. Datumsformat in Tabellenkalkulation: YYYY-MM-DD erzeugen

2. Dieses Datum in Text-Feld in mySQL speichern

3. Umwandeln mit:
<pre>
UPDATE 'tabellenname' SET datumsfeld=UNIX_TIMESTAMP(
datumsfeld
) WHERE 1
</pre>

4. Struktur des Feldes umwandeln in Timestamp oder int11

Typo3 und CSS

2007-10-25T11:33:08Z

91.32.41.106: /* Mehrere CSS-Dateien nutzen */

== CSS Styled Imgtext anpassen ==
Seit Typo3 Version 4 arbeitet man in der Regel mit CSS Styled Imgtext um ein optimales CSS-Layout zu bekommen. Im folgenden Finden Sich Tipps zum Anpassen der Style Sheets. Gestaltung des HTML Codes und TypoScript Anpassungen zum Optimieren der Extension.

=== stopFloat Klasse (auch clearfix) ===
zum besseren Trennen der Inhaltsblöcke kann man eine .stopFloat Klasse einfügen. Damit sollten eigentlich alle Browser die Inhaltsblöcke sauber untereinander stellen.

Die CSS Klasse:
<pre>
.stopFloat {
display: block;
float: none;
clear: both;
height: 1px;
font-size: 0px;
line-height: 0px;
}
</pre>

So wird Sie im HTML Code eingebunden:

<pre><nowiki>
<div>...</div>
<span class="stopFloat"></span>
</pre></nowiki>

Jetzt noch das TypoScript

<pre>
### Content ###
# stopFloat einfügen
tt_content.stdWrap.dataWrap = <span class="stopFloat"></span><a id="c{field:uid}"></a> |
</pre>

Normalerweise bindet man das StopFloat als '''letztes Element innerhalb des umschließenden float Divs''' ein.
Es scheint aber auch wie hier als erstes Element im Typo Content Block zu funktionieren. Der DataWrap bietet sich an, weil hier sowieso jeder Inhaltsblock gekennzeichnet wird um später darauf zu referenzieren.

ToDo - Extra Objekt zum Wrappen basteln.
=== neuer clearfix ===
<pre>
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
}
</pre>

Mit der Option after wird am Ende des betreffenden Objektes gestyled. D.h. hier braucht man kein extra Clearing Element mehr. Der IE < 7 versteht diese Option aber nicht. Da der aber sowieso die Boxen ausdehnt braucht mans auch nicht. Allerdings tut er das nur wenn er auch eine Höhe zugewiesen bekommt. Deshalb noch die 1%. Schließlich noch das Problem mit dem IE Mac der kein auto clearing macht...

Aber genauer gibts das hier:

http://www.positioniseverything.net/easyclearing.html

== Inline Styles ==
=== Alle Inline Styles in eine externe Datei auslagern ===
automatisch alle inline CSS Stile in eine temporäre Datei auslagern:
config.inlineStyle2TempFile = 1

=== Inline Styles aus cron_cssstyledimgtext entfernen ===
'''Im Setup'''

plugin.tx_croncssstyledimgtext._CSS_DEFAULT_STYLE =

setzen und dafür sorgen daß die benötigten Stile im Stylesheet stehen.

== Externes CSS ==
=== Mehrere CSS-Dateien nutzen ===
<pre>

[PIDinRootline = pages-uid, pages-uid, ...]

page.includeCSS {
file1 = fileadmin/mystylesheet1.css
file2 = stylesheet_uploaded_to_template*.css
file2.title = High contrast
file2.media = print
}
[global]
</pre>

Mit der Condition [PIDinRootline = pages-uid, pages-uid, ...]
kann man auf diese Weise für verschiedene Seitenbäume mit zusätzlichem CSS anzusteuern. Oder man generiert das CSS dynamisch wie unten beschrieben.

=== Eine externe CSS Datei dynamisch anlegen ===
Dynamisch eine CSS-Datei erstellen

Wenn Sie seitenabhängig CSS-Definitionen brauchen und diese allerdings nicht im Head-Bereich, sondern in einer seperaten Datei stehen sollen, können Sie sich mit einem Trick helfen.

Sie müssen dazu nur die Ausgabe einer Seite wie im folgenden Beispiel definieren:

'''TypoScript (Setup)'''
<pre>
css = PAGE
css {
typeNum = 22
config{
additionalHeaders = Content-type: text/css
disableAllHeaderCode = 1
}
10 = TEXT
10.value (
body {
margin: 0px;
padding: 0px;
}
h5 {
text-decoration: none;
font-weight: bold;
font-size: 40px;
color: red;
background-color: silver;
display: box;
}
)
}
page.headerData.775 = TEXT
page.headerData.775.dataWrap = <link rel="stylesheet" type="text/css"
href="index.php?id={field:uid}&type=22" />|
</pre>

'''TypoScript-Erläuterung'''
Von Zeile 1-23 wird die Ausgabe der CSS-"Datei" konfiguriert. Damit die Ausgabe auch als Text ausgeliefert wird, wird in Zeile 5 die Headerinformation modifiziert.

Die CSS-Datei darf natürlich nicht den Head- und Body-Bereich einer normalen Webseite haben. Aus di
esem Grund wird der Header-Code in Zeile 6 komplett gelöscht.

In Zeile 8-22 wird die Ausgabe noch relativ starr (hier mit Beispieldaten) angegeben - allerdings können Sie die CSS-Daten ja auch aus einem zuvor mit dem Kickstarter ergänzten Datenbankfeld der pages-Tabelle auslesen und hier dynamisch einfügen lassen.

Zeile 24 und 25 fügt jetzt in der normalen Webseite noch den Link zur
Stylesheet-"Datei" ein.

Die TypeNum-Angabe ist überigens nicht zwingend 22.
Sie müssen nur eine freie typeNum verwenden.

Typo3 - Tipps und Tricks

2007-10-25T11:32:38Z

91.32.41.106: /* CSS styled content */

mehr auf [[Typo3 - TS Templates]]
und: [[Typo3 - Wichtige TypoScript Einstellungen]]
== Ausgabe aus der locallang_tca.xml Datei mit TypoScript verändern ==
'''Beispiel:'''
plugin.tt_news._LOCAL_LANG.de.latestHeader = Aktuelles

==Mit TS auf die Datenbank zugreifen==
temp.veranstaltungstitel=TEXT
temp.veranstaltungstitel.data = DB:tabelle:uid:feldname

die uid kannst Du Dir aus der Url auslesen, z.B.

temp.veranstaltungstitel=TEXT
temp.veranstaltungstitel.data = DB:tt_news:{GPvar:tx_ttnews|tt_news}:title

== Zeichensatz ==
===Sonderzeichen wie Kaufmannsund wird nicht korrekt umgesetzt===
stdWrap.htmlSpecialChars = 1

== Rendering von Content Elementen und HTML ==
weitere Infos unter:

[[Typo3 - Content Elemente anpassen]]

=== Daten im Header <head> ===

==== Daten einfügen ====
Beispiel:

<pre>
### Header-Data ###
page.headerData{
90 = COA
90{
50 = TEXT

50.value (
<style type="text/css" media="all">
@import "/fileadmin/templates/multiMenu/multimenu.css";

</style>


<script type="text/javascript" >
function init(){
activateMenu('nav');
/* activateMenu('vertnav');*/
}
</script>

<script src="/fileadmin/templates/multiMenu/multimenu.js"
type="text/javascript">
</script>


)
}
}
</pre>

=== Datum einfügen ===
z.B. als Marker im Template und dann im TS-Setup so:

### datum ###
marks.DATE = COA_INT
marks.DATE {
10 = TEXT
10.data = date:U
10.strftime = %A, %d.%m.%Y
10.wrap = <span class="mini"> | </span>
}

=== Neuste Inhalte anzeigen ===
Quelle: http://typo3.umloud.dk/index.php?id=360 22.5.2006

<pre>
This shows the content elements in the normal column of the page last created/edited.

Note: "tstamp" ONLY get changed/set when you create a new page, or edit the page header NOT when you insert a content element on a page..

lib.newestContent = COA
lib.newestContent {
# First we collect the uids on all levels of the site

# Gets the uids on 1st level
10 = LOAD_REGISTER
10.level1uids.cObject = CONTENT
10.level1uids.cObject {
table = pages
select.pidInList.data = leveluid:0
renderObj = TEXT
renderObj.field = uid
renderObj.wrap = |,
}

# Gets the uids on 2nd level
20 = LOAD_REGISTER
20.level2uids.cObject = CONTENT
20.level2uids.cObject {
table = pages
select.pidInList.cObject = TEXT
select.pidInList.cObject.data = register:level1uids
renderObj = TEXT
renderObj.field = uid
renderObj.wrap = |,
}

# Gets the uids on 3rd level
30 = LOAD_REGISTER
30.level3uids.cObject = CONTENT
30.level3uids.cObject {
table = pages
select.pidInList.cObject = TEXT
select.pidInList.cObject.data = register:level2uids
renderObj = TEXT
renderObj.field = uid
renderObj.wrap = |,
}

# Gets the uids on 4th level
40 = LOAD_REGISTER
40.level4uids.cObject = CONTENT
40.level4uids.cObject {
table = pages
select.pidInList.cObject = TEXT
select.pidInList.cObject.data = register:level3uids
renderObj = TEXT
renderObj.field = uid
renderObj.wrap = |,
}

# Gets the uids on 5th level
50 = LOAD_REGISTER
50.level5uids.cObject = CONTENT
50.level5uids.cObject {
table = pages
select.pidInList.cObject = TEXT
select.pidInList.cObject.data = register:level4uids
renderObj = TEXT
renderObj.field = uid
renderObj.wrap = |,
}

# Gets the uids on 6th level
60 = LOAD_REGISTER
60.level5uids.cObject = CONTENT
60.level5uids.cObject {
table = pages
select.pidInList.cObject = TEXT
select.pidInList.cObject.data = register:level5uids
renderObj = TEXT
renderObj.field = uid
renderObj.wrap = |,
}

# next we combine all of them into one list of uids
70 = LOAD_REGISTER
70.alluids.cObject = COA
70.alluids.cObject {
10 = TEXT
10.data = register:level1uids

20 = TEXT
20.data = register:level2uids

30 = TEXT
30.data = register:level3uids

40 = TEXT
40.data = register:level4uids

50 = TEXT
50.data = register:level5uids

60 = TEXT
60.data = register:level6uids

70 = TEXT
70.data = leveluid:0
}

# Test output
#75 = TEXT
#75.data = register:alluids
#75.wrap = [|]<br>

# More Testoutput
80 = CONTENT
80 {
table = pages
select {
pidInList.data = register:alluids
orderBy = tstamp DESC
max = 1
}
renderObj = COA
renderObj {
10 = TEXT
10.field = title
10.wrap = The newest page is: <b>|</b> 
20 = TEXT
20.field = tstamp
20.strftime = %d-%b-%Y %H:%M:%S
20.wrap = which was last edited: |<br>
}
}

# And the final output of the content elements
90 = COA
90 {
wrap = And here are the content in the normal column of that page:<hr>|<hr>
10 = CONTENT
10 {
table = tt_content
select {
orderBy = sorting
where = colPos=0
languageField = sys_language_uid
pidInList.cObject = CONTENT
pidInList.cObject {
table = pages
select {
pidInList.data = register:alluids
orderBy = tstamp DESC
max = 1
}
renderObj = TEXT
renderObj.field = uid
}
}
}
}
}

</pre>

=== Einstellungen für Bilder ===
Größe (maximal, minimal, Popups, Skalierung, Bildunterschriften...)
====Border Attribut loswerden====
config.config.disableImgBorderAttr = 1

Wichtig wenn man mit CSS arbeiten möchte.

=== Link to Top ===

=== Darstellung von Tabellen ===
Betrifft hauptsächlich das static Template content(default)

=== clear.gif und Absätze loswerden ===
content(default)
# Entfernen der <img src="clear.gif' ...>
content.headerSpace = 0|0
content.space = 0|0

=== body tag ===

Im Page Objekt kann man das REndering des body tag beeinflussen:

page.bodyTag = <body>

=== externe Links ===
_self oder _blank, aussehen...
styles.content.links.extTarget (bei css_styled_content)

=== Links und Sitemap ===
Die Links einer eingebundenen Sitemap sind standardmäßig auf den Wert 'page' eingestellt (Typo 3.8). Das macht nur bei Framesets Sinn.

Die relevanten Setup-Werte die man ändern muß (je nach ausgewählter Sitemap):
tt_content.menu.20.1.1.target = _self
tt_content.menu.20.2. [...]

=== Listenpunkte und Aufzählungen ===

=== Layoutauswahl ===
siehe [[Typo3 - Rahmen (Frames)]] für Rahmen

und [[Typo3 - Backend anpassen]] für Header (Überschriften)

=== Inline CSS loswerden ===
Bei vielen Extensions und bei CSS Styled ImgText liegt das CSS Inline. Besser wäre ist es das CSS komplett in eigene Dateien auszulagern.

# Inline Styles auslagern
config.inlineStyle2TempFile = true

=== JavaScript in externe Datei auslagern ===
Z.B. der kleine JavaScript Schnipsel für das Blur im IE auslagern.
Wie bindet man externes JavaScript ein...

siehe unter
[[Typo3 - HTML Code optimieren]]

eine gute Beispielanwendung:

[[Typo3 - CSS-Flyout Menü]]

weitere Anwendungen:

- Ajax Gallery auf baum-und-garten.de

=== Ausgabe einer Spalte Wrappen ===
'''Beispiel:'''
<pre>
#Inhalt rechts
subparts.CONTENT_RIGHT < styles.content.getRight
#Ganze Spalte Wrappen
subparts.CONTENT_RIGHT.wrap = <div class="content_right"> | </div>
#Einzelnes Element Wrappen
subparts.CONTENT_RIGHT.renderObj.stdWrap.wrap=<div class="bordered">|</div>
</pre>
=== Ausgabe einer Spalte Wrappen wenn nicht leer ===
Hier wird das content element nur mit einem div gewrapt wenn es nicht leer ist
<pre>
temp.rightContent < styles.content.getRight
temp.rightContent.stdWrap {
wrap = <div id="right-main"> | </div>
if.isTrue.numRows < styles.content.getRight
}
</pre>
(TypoWizard.com 9.1.2006)

===p style="margin:0 0 0 0;" aus dem p-Tag rausnehmen===

tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes.P.style=

== Backend anpassen ==
=== Email Empfänger im Inhaltstyp Formular wird nicht angezeigt ===
Damit die User den Inhaltstyp Formular nutzen können müssen Sie die E-Mail Empfänger Adresse eingeben. Das Funktioniert dann, wenn in den Rechten das Feld ''Seiteninhalt > Untertitel freigegeben'' ist. Nicht leicht zu finden...
=== Content element wizard ändern ===
aus http://krungkuene.org/krung/wiki/Typo3.html 18.5.2006

Dafür erweitere die php-Klasse SC_db_new_content_el und speichere diese datei unter typo3conf/ux_SC_db_new_content_el.php

<code>
<?php
class ux_SC_db_new_content_el extends SC_db_new_content_el {

// Modify the Wizard Array, which holds the values shown at create new
//record page:
function wizardArray() {
global $LANG,$TBE_MODULES_EXT;

$wizardItems = array(
"common" => array("header"=>"Typical page content"),

'common_1' => array(
"icon"=>'../typo3conf/hos/intext_left_wi.gif',
'title'=>'Text with Image to the left',
'description'=>'A regular text element which contains a image positioned left to the text',
'params'=>'&defVals[tt_content][CType]=textpic&defVals[tt_content][imageorient]=26&defVals[tt_content][imagewidth]=80',
),

"common_2" => array(
"icon"=>'../typo3conf/hos/fdfx_2cols.gif',
"title"=>'Two Column Text',
"description"=>'A Text with two Column',
'params'=>'&defVals[tt_content][CType]=fdfx_2cols_pi1'
),

'common_3' => array(
"icon"=>'../typo3conf/hos/intext_right_wi.gif',
'title'=>'Text with big Image to the right',
'description'=>'A regular text element which contains a image positioned right to the text',
'params'=>'&defVals[tt_content][CType]=textpic&defVals[tt_content][imageorient]=25&defVals[tt_content][imagewidth]=480',
'tt_content_defValues' => array(
'CType' => 'textpic',
'imageorient' => 25,
'imagewidth' => 480,
)
),

);

return $wizardItems;
}
}
?>
</code>

Um das ganze auch zu verwenden, mache diesen Eintrag in typo3conf/localconf.php

$TYPO3_CONF_VARS["BE"]["XCLASS"]["ext/cms/layout/db_new_content_el.php"] = PATH_typo3conf."class.ux_db_new_content_el.php";

=== Login Bild im Backend anpassen ===

Quelle: http://www.allanime.org/?id=143

'''Introduction'''

The TYPO3 backend login displays a nice image left of the actual username/password login box. Currently an image of a pair of gloves is used. If you happen to install the CVS version of TYPO3 the image will differ from what you're used to see. I remember a yellow flower in older versions (3.6) of TYPO3 an image that is still present in /typo3/gfx/ named loginbox_image_360.jpg. What's happening there?

TYPO3 has a very cute feature which changes the login box image on certain circumstances. The code is actually in /typo3/index.php. Browsing this code I found another great feature: TYPO3 is also able to „rotate“ images given in a certain directory! All you have to do is, point TYPO3 to this directory. TYPO3 will load all image files in this directory and display a random image.

The way to show TYPO3 this directory is by setting the variable $TBE_STYLES['loginBoxImage_rotationFolder'] = path_to_dir/

Unfortunately there is no way to to so without some programming. The TYPO3 init script explicitly deletes the whole array before initializing the backend. The only way to set variables is by creating an extension.

This super-short Mini-howto will tell you how to set up this wonderful feature in 5 easy steps. I will assume you have access to your webserver by FTP and can create directories and upload files by FTP.

'''This is a short overview how it works:'''
# Set up a folder with images
# Create an extension
# Add 1 line to this extension and point TYPO3 to your image directory
# Install extension

'''Setting Up the Image Folder'''

First you have to prepare the images. One image is fine but of course the more the better. The original images are 200x133 pixel in size, I suggest you create some cute images of the same size but it's not necessary. Allowed are png, jpg and gif images.

Log on to your website using your favorite FTP tool. You can also set up a TYPO3 filemount to do the same.

Go to the directory typo3conf/

Create a new empty directory 'logonimages'. (Without quotes)

Copy the prepared images to this folder.

Create the Extension

Click images to enlarge. Image count from top to bottom.

„What? I never created an extension! I can never do this!“ - if that's what you say you're wrong. You can follow detailed instructions – and all we have to write is one single line of code – which you can as well copy from this document if you used the directory from the last step.

Log on to the TYPO3 backend as administrator. Ignore the ugly log on image <(^.^)>

In the Tool menu use „Ext Manager.“ Of course you need to have this module installed. Showing you how to install extensions from the TER (TYPO Extension Repository) is not goal of this Mini-HOWTO.

Chose the item „Make new extension“ from the dropdown menu.

In the field "Enter Extension key" you type "user_enhancelogin". Then click on the button "Update."

Click on the plus symbol next to the line saying „General Info.“ Fill the form like shown in image . Don't forget to hit the "Update" button!
[[Bild:ExtensionKickstarter01.jpg]]

In the menu to the left click on the plus symbol next to „Extend existing tables.“ You do not need to type something there. It's just done to create the empty framework for our single line of code.

At the bottom left of the content frame there is a button now saying „View Result.“ Click it. The result will look like that in image [4]. One really, really important note: Before proceeding you need to make sure in the location dropdown "LOCAL" is chosen! If you fail to do so, your extension might show up for all installations and - if installed -might yield in unexpected results.

Now click the "WRITE" button and the raw empty extension is created.

That wasn't too complicated, was it?

Programming

As a result of the last step, a basic framework of extension has been written to the directory /typo3conf/ext/user_enhancelogin/

Now to the programming. Log on to your website using FTP and edit the following file:

typo3conf/user_enhancelogin/ext_tables.php

There are different ways to do this. Most advanced FTP programs have an "edit" button. Please refer to your FTP program's documentation.

Now this is what ext_tables.php should look like. As you can see there is only one line added.

<?php
if (!defined('TYPO3_MODE')) die('Access denied.')
$GLOBALS['TBE_STYLES']['loginBoxImage_rotationFolder'] =
'../typo3conf/logonimages';
?>

Installing the Extension

After saving the extension there should be a success message and a link to install your new extension. Click it.

In the menu to the left please click the link „Clear temp_CACHED.“ In case you ever wondered what this link is for – this it is.

Log out of the TYPO3 backend and test the setup. If you followed the instructions of this manual you should now see your prepared images instead of the glove.

== Suche ==
===Index-Suche – kein eigenes Fenster öffnen===
'''Constants'''
styles.content.searchresult.resultTarget = _self
styles.content.searchresult.target = _self

== Domains anlegen ==
Todo...
== Rootline Navigation ==
Ein Beispiel bei dem zusätzlich Englisch (L=1) berücksichtigt wird.

<pre>
temp.rootline_html= HMENU
temp.rootline_html.special = rootline
temp.rootline_html.special.range = 0|-1
temp.rootline_html.1 = TMENU
temp.rootline_html.1 {
wrap = Sie sind hier: |
# evt. bestimte Seiten ausblenden...
excludeUidList =
# Sprache mit der ID 1 (Englisch)
target = _top
NO {
linkWrap= <span class="pathway">|</span>
# optionSplit: vor erstem item kein delimiter, sonst immer einer
allWrap = | |*| > | |*|
ATagBeforeWrap = 0
}
}

# Wrap für Englisch
[globalVar = GP:L = 1]
temp.rootline_html.1.wrap = You are here: |
[global]
</pre>

== Mehrsprachigkeit ==
So baut man mehrsprachige Seiten in Typo3:

[[Typo3 - Mehrsprachige Seiten]]

[[Typo3 - Mehrsprachige Navigation]]

== Spracheinstellungen ==

== HTML-Template einbinden ==
siehe auch: [[Typo3 - HTML-Templates]]
Beispiel (das page Objekt muß natürlich vorher definiert werden):

Im TS Template Setup:

<pre>
page.10 = TEMPLATE
page.10{
template = FILE
template.file = fileadmin/templates/main.html

### Subparts ansprechen ###
workOnSubpart = DOCUMENT_BODY

# Rootline (Pathway) einfügen ###
subparts.ROOTLINE < temp.rootline_html

# Hauptinhalt
subparts.CONTENT < layoutWrap
subparts.CONTENT.wrap = <div class="content"> | </div>

#Inhalt rechts
subparts.CONTENT_RIGHT < styles.content.getRight
subparts.CONTENT_RIGHT.wrap = <div class="content"> | </div>

# Rand bzw. Header
subparts.HEADER < styles.content.getBorder
subparts.HEADER <div class="header"> | </div>
# subparts.HEADER < temp.flashHeader

### Hauptnavigation ###
subparts.NAVI_LINKS < temp.navi_gLayer

### rechte Navi ###
subparts.NAVI_RECHTS <temp.naviGRight

}
</pre>

== Einstellungen für das Page Objekt ==

== Verschiedene Einstellungen ==
=== statische Seiten Simulieren ===
Statische Seiten simulieren
config.simulateStaticDocuments = PATH_INFO
config.simulateStaticDocuments_addTitle = 30
config.simulateStaticDocuments = 1
config.admPanel = 1
config.simulateStaticDocuments_noTypeIfNoTitle = 1

.htaccess Datei für Apache Server nicht vergessen (muß nur unbenannt werden)

=== Einstellungen für das Admin Panel ===

===Email===

==== Spamschutz für Email Adressen ====
config.spamProtectEmailAddresses = 1
config.spamProtectEmailAddresses_atSubst = (at)

==== Absender-Adresse der Formular Mails ====
Wenn ein Email Feld angegegen wird dann kann man die '''E-Mail Adresse als Absender''' angeben:
Name | *name= input
Email-Adresse |*email=input
Wichtig ist, daß das Feld ''email'' heißt.

Feste Absenderadresse:
??

'''Antwort an:'''
| from_name=hidden | HfWU Mailer
| from_email=hidden | stephan.schlegel@hfwu.de

====E-Mail-Absender für automatische E-Mails z.B. über Kontaktformular====
E-Mail-Adresse
plugin.feadmin.dmailsubscription.email = info(at)easy-office4you.de
E-Mail-Name
plugin.feadmin.dmailsubscription.emailName = Barbara Hofbauer

== Typo3 RTE - Einstellungen ==
=== Nach Update auf IE7 wird kein RTE mehr angezeigt ===
In den älteren Typo3 Versionen wird der Internet Explorer 7 nicht erkannt. Folgende Änderung im Code vornehmen dann wird auch IE7 erkannt.

[typo3/t3lib/class.t3lib_div.php -> function clientInfo()]

..
} elseif (strstr($useragent,"MSIE 4") || strstr($useragent,"MSIE 5") ||
strstr($useragent,"MSIE 6")) {
$bInfo["BROWSER"]= "msie";
..

wird erweitert zu:

..
} elseif (strstr($useragent,"MSIE 4") || strstr($useragent,"MSIE 5") ||
strstr($useragent,"MSIE 6") || strstr($useragent,"MSIE 7")) {
$bInfo["BROWSER"]= "msie";
..

===RTE Absatz Formatierung einstellen===
lib.parseFunc_RTE {
nonTypoTagStdWrap.encapsLines.nonWrappedTag >
nonTypoTagStdWrap.encapsLines.wrapNonWrappedLines = | </br>
}

===HTML-Area (htmlarea) statt RTE===
Mit der Extension htmlarea kann man den RTE ersetzen. Er bietet einiges mehr an Bearbeitungsfunktionen (wenn man die denn will) aber vor allem läuft er auch auf Mozilla, Firefox, etc. Browsern.

==htmlarea anpassen==
Die Möglichkeiten des htmlarea Editors sind oft zuviel des Guten. Die meisten Anpassungen des RTE funktionieren auch im htmlarea. Beispiele:

Minimale Funktionalität

Im Page Setup:
<pre>
RTE.default {
## Toolbar options applicable to all RTE's
## The TCA configuration may add buttons to the toolbar
showButtons = bold,italic,undo,redo,about
}
</pre>
## front end RTE configuration for the general public (htmlArea RTE only)
RTE.default.FE < RTE.default

== Header Image austauschen ==
[[Typo3 - Header Image austauschen]]

== Schnipsel von http://dokuwiki.intersolution.ch/linux/typo3/typoscript ==
=== Typoscript ===

===== Template erstellen =====

<code>
# Cachetime nur zu Testzwecken auf 10 Sekunden setzen!!!
config.cache_period = 10
# page Objekt erstellen und Werte zuweisen...
page = PAGE
page {
typeNum = 0
bodyTag = <body bgcolor="#FFFFFF" topmargin="0" leftmargin="0">
meta.AUTHOR = Bruno Staub
meta.DESCRIPTION = Beschreibung der Homepage
stylesheet = fileadmin/styles.css

# Designvorlage integrieren
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/vorlage.html
10.workOnSubpart = DOKUMENT
10.marks.DATUM = TEXT
# Datumsausgabe 05.12.2005 - 17:59:10
10.marks.DATUM.data = date : d.m.Y - H:i:s
}
</code>

===== Code Schnipplets =====

<code>
# SEITENTITEL ist ein Platzhalter vom HTML TEMPLATE
# aktueller Seitentitel wird aus pages Tabelle ausgelesen
# wrap umwickelt den Seitentitel fett (Pipe-Symbol erforderlich!)
10.marks.SEITENTITEL = TEXT
10.marks.SEITENTITEL.field = title
10.marks.SEITENTITEL.wrap = <b>|</b>
</code>

<code>
# x explizite Abrage eines Wertes einer x beliebigen Tabelle (Datensatz ID=1)
10.marks.SEITENTITEL = TEXT
10.marks.SEITENTITEL.data = DB:pages:1:title
</code>

<code>
# GET- und POST-Variablen abragen
# http://www.intersolution.ch/index.php?id=0&test=Abfragetext
# Falls der Parameter leer ist wird der Seitentitel ausgegeben
10.marks.SEITENTITEL = TEXT
10.marks.SEITENTITEL.data = GPvar : test // field : title
</code>

<code>
# Bereich marks wird ausgeklammert, dies ermöglicht eine bessere Übersicht
# das Logo wird eingelesen und in der Grössen angepasst und unter typo3temp/pics/ mit kryptischem Namen abgelegt
# typo3temp/pics/ erhält nach jeder grössenänderung ein neues Bild, Abhilfe löschen per ftp und Cache löschen!!!
10.marks {
LOGO = IMAGE
LOGO.file = fileadmin/images/logo.jpg
LOGO.file.width = 178
}
</code>

<code>
# LOGO dynamisch generieren für Beispielsweise Dummy Trailer Balken
# LOGO Grafik logo.jpg wird über den Dummy Balken gelegt, Ebenenreihenfolge Beachten (10,20,30...)
10.marks {
LOGO = IMAGE
LOGO.file = GIFBUILDER
LOGO.file.XY = 759, 99
LOGO.file.backColor = #697DEE
LOGO.file.10 = fileadmin/images/logo.jpg
LOGO.file.10.file = 178
}
</code>

<code>
# Text dynamisch generieren mit GIFBUILDER (Wichtig: Eigenschaft .text und nicht .value verwenden!)
MEINTEXT.20 = TEXT
MEINTEXT.20.text = Hallo Welt
</code>

===== CSS styled content =====

- über den extension Manager System "CSS Styled Content" installieren und unter "include static" from extension
auf Templateebene zuweisen!

CSS styled content gehört zu den System-Extensions. Gehen Sie deshalb in das Verzeichnis \dummy-3.8.0\typo3\sysext\css_styled_content\css\. Dort finden Sie zwei Beispieldateien: example.css und example_outline.css. Die Stylesheets enthalten Formatierungen für alle in TYPO3 enthaltenen Content-Objekte wie Überschriften, Absätze, Listen, Formulare, Sitemap.

Öffnen Sie eine der Dateien und editieren Sie sie nach Ihren Layout-Vorstellungen. Speichern Sie Ihr bearbeitetes Stylesheet unter einem beliebigen Namen in Ihrem Template-Ordner im Fileadmin ab (\dummy-3.8.0\fileadmin\template\).

Anschliessend weisen Sie im Page Template folgenden Code zu:

<code>
<pre>
config {
doctype = xhtml_trans
doctypeSwitch=1
}
page = PAGE
page {
typeNum = 0
bodyTag = <body>
stylesheet = fileadmin/template/mein_stylesheet.css
}
page.20 = TEMPLATE
page.20 {
template = FILE
template.file = fileadmin/template/mein_template.htm
workOnSubpart = DOCUMENT_BODY
}
</pre>
</code>

Möchten Sie mehr als eine Stylesheet-Datei einbinden, benötigen Sie folgende TypoScript Anweisung im Setup:
<pre>

page = PAGE
page {
typeNum = 0
bodyTag = <body>
includeCSS {
file1 = fileadmin/template/style_1.css
file2 = fileadmin/template/style_2.css
}
}

</pre>

===== Konfiguration automaketemplate =====

Setup:

<code>
plugin.tx_automaketemplate_pi1 {
content < plugin.tx_rlmptmplselector_pi1
elements {
BODY.all = 1
BODY.all.subpartMarker = DOCUMENT_BODY
HEAD.all = 1
HEAD.all.subpartMarker = DOCUMENT_HEADER
HEAD.rmTagSections = title
TD.all = 1
DIV.all = 1
}
relPathPrefix = fileadmin/templates/main/
}

temp.contentAreaTemplate = TEMPLATE
temp.contentAreaTemplate {

template =< plugin.tx_automaketemplate_pi1

// Modify the template selector config: This is a sub template!
template.content.templateType = sub

workOnSubpart = DOCUMENT_BODY
subparts.CONTENT < styles.content.get
subparts.RCONTENT < styles.content.getRight
subparts.LCONTENT < styles.content.getLeft
subparts.BORDER < styles.content.getBorder
}

temp.mainTemplate = TEMPLATE
temp.mainTemplate {
template =< plugin.tx_automaketemplate_pi1
template.content.templateType = main

workOnSubpart = DOCUMENT_BODY
subparts.content < temp.contentAreaTemplate

# subparts.content = CONTENT
# subparts.content < styles.content.get
}

temp.headTemplate = TEMPLATE
temp.headTemplate {
template =< plugin.tx_automaketemplate_pi1
workOnSubpart = DOCUMENT_HEADER
}

page = PAGE
#page.config.incT3Lib_htmlmail = 1
page {
typeNum = 0
bodyTag = <body>
includeCSS {
# file1 = fileadmin/templates/main/res/layout.css
# file2 = fileadmin/templates/main/res/content.css
}
10 < temp.mainTemplate
headerData.10 < temp.headTemplate
}

</code>

===== Container zentrieren =====
ToDo: gehört in CSS

Negative Margin:

<code>
body {margin:0px; padding:0px;}
#container-zentrieren {
position:absolute;
left:50%;
width:500px;
margin-top:266px;
margin-left:-300px;
padding:20px;
border:1px dashed #FF0000;
background-color:#e1e1e1e;
}

</code>

Auto-width Margins:

<code>
body {
margin:20px 0px; padding:0px;
text-align:center;
}

#container-zentrieren {
width:600px;
margin:0px auto;
text-align:left;
padding:20px;
border:1px dashed #FF0000;
background-color:#e1e1e1e;
}

</code>
- ggfl. die Maße anpassen

===== Absatz im Menü =====

Den Seitentyp "Abstand" wählen und im Seitentitel "& n b s p ;" eingetragen.

Im TypoScript den SPACE (SPC) definieren und im CSS formatieren.

Setup:

<code>
1 = HMENU
1.1 = TMENU
1.1 {
expAll = 0
wrap = <ul>|</ul>
NO {
linkWrap = <li>|</li>
}
ACT = 1
ACT {
linkWrap = <li>|</li>
}
SPC = 1
SPC {
linkWrap = <li>|</li>
}
}
1.2 = TMENU
1.2 {
expAll = 0
wrap = <ul>|</ul>
NO {
linkWrap = <li>|</li>
}
ACT = 1
ACT {
linkWrap = <li>|</li>
}
SPC = 1
SPC {
linkWrap = <li>|</li>
}
}
</code>

===== Ankerpunkt für einen internen Link anlegen =====

Ein Seitenlelement vom Typ "interner Link" (Shortcut) anlegen, im Pagebrowser den kleinen Pfeil hinter der Seite klicken und das entsprechende Contentelement auswählen.

===== Konfiguration AWStats =====

Logfile Konfiguration bearbeiten:
awstats_log.txt: www.it-bo.com,it-bo.com

localconf.php:
$TYPO3_CONF_VARS["FE"]["logfile_dir"] = "fileadmin/log/";

Setup:
<code>
#Konfiguration AWStats
config.stat = 1
config.stat_apache = 1
config.stat_apache_logfile = awstats.txt
config.stat_excludeBEuserHits = 1
config.stat_mysql = 1
config.stat_typeNumList = 0,1,98
</code>

Konfigurationsdatei AWStats
cc_awstats/awstats/awstats.conf

AWSTATS automatisieren

http://jweiland.net/typo3cms/howto/awstats/

http://www.typo3wizard.com/de/snippets/general-config/zaehlen-von-dateidownloads-mit-hilfe-von-awstats.html

===== Browsers page title einbinden =====

Setup:

<code>
# Including the class and calling the function
includeLibs.tx_browserpagetitle = typo3conf/ext/browser_page_title/class.tx_browserpagetitle.php
config.titleTagFunction = tx_browserpagetitle->getTitle

# Default language parameters
plugin.browser_page_title {
defaultTitle = IT-Bo - TYPO3 CMS Website DAM Digital Asset Management SEO Reichweitensteigerung Marketing Schulung Hilfe Support - {title}
currentTitle = IT-Bo - TYPO3 - {tx_browserpagetitle_browser_title}
}

# Alternative language parameters
# [globalVar=GP:L=1]
# plugin.browser_page_title.defaultTitle = IT-Bo - TYPO3 CMS Website DAM Digital Asset Management SEO Reichweitensteigerung Marketing Schulung Hilfe Support - {title}
# plugin.browser_page_title.currentTitle = IT-Bo - TYPO3 - {tx_browserpagetitle_browser_title}
# [global]

</code>

===== Content auf allen Seiten einbinden =====

Setup:

<code>
# Content auf allen Seiten einbinden
CONTENT = CONTENT
CONTENT >
CONTENT = RECORDS
CONTENT.tables = tt_content
CONTENT.source = 200
</code>

===== Contentelmente (entfernen) =====

header - Überschrift

text - Text

textpic - Text m/Bild

image - Bild

bullets - Punktliste

table - Tabelle

uploads - Dateilinks

multimedia - Multimedia

mailform - Formular

search - Suchen

login - Login

menu - Menü/Sitemap

shortcut - Datensatz einfügen

list - Plugin einfügen

html - HTML

script - Skript

splash - Textbox

div - Trenner

<code>
# Contentelemente entfernen TSconfig
TCEFORM.tt_content.CType {
removeItems = header,bullets
}
</code>

===== Seitentypen =====

1 - Standard
2 - Erweitert
3 - Externe URL
4 - Shortcut
5 - Nicht im Menü
6 - Backend Benutzer Bereich
7 - Mount Seite
--div-- - Spacer
199 - Abstand
254 - SysOrdner
255 - Papierkorb

<code>
# Seitentypen entfernen TSconfig
TCEFORM.pages.doktype {
removeItems = 3,5
}
</code>

===== favicon einbinden =====

setup:

<code>
shortcutIcon = fileadmin/favicon.ico

#favicon setup (alternativ):
headerData.1 = TEXT
headerData.1.value = < link rel="shortcut icon" type="image/x-icon" href="fileadmin/favicon.ico" / >
</code>

===== TYPO3 CSS-Datei einbinden =====

Setup:

<code>
# TYPO3 CSS-Datei einbinden
page {
includeCSS {
file1 = fileadmin/templates/main/res/layout.css
file2 = fileadmin/templates/main/res/content.css
file3 = fileadmin/templates/news/tt_news.css
}
}
</code>

=== TypoScript aus externer Datei einbinden ===

aus: http://www.rainer-grundel.de/wissensdb/typo3/allgemein/artikel/article/typoscript_ueber_externe_datei_einbinden.html

Datum des Zugriffs: 25.10.2007

Wenn man mehrer Typo3 Projekte betreut kommt man irgendwann an den Punkt an dem man TS Konfigurationen immer wieder verwendet. Durch das Auslagern der Konfiguration und dem Wiederbenutzen lässt sich viel Zeit und Aufwand sparen.

Durch das Auslagern von oft gebrauchten TS-Konfigurationen und dem Wiederverwenden in weiteren Typo3 Projekten lässt sich viel Zeit sparen. Insbesondere beim Updaten kann das Auslagern des TS in eine externe Datei Vorteile mit sich bringen. Das Einbinden von externem TS funktioniert bei Templates, TSconfig von Seiten und dem Tsconfig von Benutzern bzw. Benutzergruppen. Eingebunden werden externe Scriptdateien über folgendes TS:

<INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/scriptdatei.txt">

Wichtig

Folgendes ist beim Einbau der externen Datei zu beachten:

* Im Template muss das Include in einer eigenen Zeile stehen, sonst wird es nicht erkannt.
* Das Include wird vor dem Parsen des TS ausgeführt und funktioniert nicht mit Conditions und Verschachtelungen.
* Die Dateigröße darf nicht größer als 100KB sein.
* Die URL der Datei muss ausgehend von PATH_side sein, darf also kein ".." enthalten.

===== Ausschalten der CSS-Formatierung im Seitenkopf der HTML-Datei =====

Setup:

<code>
# Ausschalten der CSS-Formatierung im Seitenkopf der HTML-Datei
#plugin.tx_cssstyledimgtext._CSS_DEFAULT_STYLE =
#plugin.tx_croncssstyledimgtext._CSS_DEFAULT_STYLE =
#plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE >
plugin.tx_formwidgets_pi1._CSS_DEFAULT_STYLE >
plugin.tx_damdownloads_pi1._CSS_DEFAULT_STYLE >
plugin.tx-sgglossary-pi1._CSS_DEFAULT_STYLE >
#plugin.tx_jphcodesnippets_pi._CSS_DEFAULT_STYLE >
plugin.tt_news._CSS_DEFAULT_STYLE >
</code>

CSS auslagern

Setup:
<code>
# CSS auslagern
inlineStyle2TempFile = 1
</code>

===== TCEFORM tt_content content header layout altLabels =====

<code>
#TSconfig:
TCEFORM.tt_content.header_layout.altLabels.1 = Überschrift 1
TCEFORM.tt_content.header_layout.altLabels.2 = Überschrift 2
TCEFORM.tt_content.header_layout.altLabels.3 = Überschrift 3
TCEFORM.tt_content.header_layout.altLabels.4 = Überschrift 4
TCEFORM.tt_content.header_layout.altLabels.5 = Überschrift 5
TCEFORM.tt_content.header_layout.altLabels.6 = Überschrift 6
#TCEFORM.tt_content.header_layout.removeItems = 3,4,5
</code>

===== Image Rotation (ric_rotation) Konfiguration =====

# Setup: Image Rotation (ric_rotation)

<code>
plugin.tx_ricrotation_pi1 {
# parser (dont change this)
parser < tt_content.text.20.parseFunc

# template for plugin
templateFile = EXT:ric_rotation/pi1/template.htm

# list of page ids where the banners should be taken from ( comma seperated f.E.: 1,5,7)
pidList =

# levels of recoursion to search for banners
recursive = 0

# show banners with this attribute, options are: top, left, bottom, right
placement = top

#mode to show banners, options are: all, random
mode = all

# how many banner maximum
results_at_a_time = 100

# image preconfig
image {
file.maxW = 492
#file.params = -quality 90 // activate to force quality 90
#file.ext = jpg // activate to force jpg
}
}
</code>

===== Konfiguration Indexed Search =====

Constants:

<code>
#Suche Indexed Search
plugin.tx_indexedsearch {
search.rootPidList = 1
show.rules = 0
}
</code>

Setup:

<code>
#Indexierung
config.index_enable = 1
config.index_externals = 1
</code>

===== Konfiguration Macina Searchbox =====

Setup:

<code>
#Konfiguration Macina Searchbox
plugin.tx_macinasearchbox_pi1 {
pidSearchpage = 1
templateFile = fileadmin/it-bo/macina-searchbox.html
}
</code>

Macina Searchbox einbinden

Setup:

<code>
#Macina Searchbox einbinden
SUCHE >
SUCHE < plugin.tx_macinasearchbox_pi1
</code>

===== Javascript auslagern =====

Setup:

<code>
# Javascript auslagern
removeDefaultJS = external
</code>

===== MOC Fileshare manager, moc_filemanager =====

# Constants: MOC Fileshare manager, moc_filemanager
<code>
plugin.tx_mocfilemanager_pi2.documentRoot = fileadmin
plugin.tx_mocfilemanager_pi2.useOwnIcons = 0
plugin.tx_mocfilemanager_pi2.limitNewest = 5
plugin.tx_mocfilemanager_pi2.ShowFilesPID = 123

#plugin.tx_mocfilemanager_pi1.mountWrap = |
#plugin.tx_mocfilemanager_pi1.parentDirStyle = 1
#plugin.tx_mocfilemanager_pi1.showParentDir = 1
plugin.tx_mocfilemanager_pi1.documentRoot = fileadmin
#plugin.tx_mocfilemanager_pi1.disableMkdir = 1
#plugin.tx_mocfilemanager_pi1.ApacheChildKill = 1
#plugin.tx_mocfilemanager_pi1.timeLimit = 0
plugin.tx_mocfilemanager_pi1.useDescriptions = 1
#plugin.tx_mocfilemanager_pi1.asExplorer = 1
plugin.tx_mocfilemanager_pi1.allowedExts = txt,xls,doc,pps,gif,jpg,htm,html
#plugin.tx_mocfilemanager_pi1.datetimeFormat = %c
#plugin.tx_mocfilemanager_pi1.maxDepth = 1
plugin.tx_mocfilemanager_pi1.useOwnIcons = 1
</code>

===== Konfiguration Link2Map24 =====

link2map24:

- bei map24 (link2map24) anmelden

link2map24.tpl.html:

<<<< USERID >>>> von link2map24 eintragen

===== News tt_news =====

News Template einbinden

Constants:
<code>
#News tt_news Template einbinden
plugin.tt_news {
file.templateFile = fileadmin/templates/news/tt_news.html
}

</code>

==== News Datum- und Zeitformat anpassen ====

Setup:
<code>
#News tt_news Datum- und Zeitformat anpassen
plugin.tt_news {
archiveTitleCObject {
10.strftime = %B - %Y
}
getRelatedCObject {
20.strftime = %d.%m.%Y %H:%M
}
displaySingle {
# date_stdWrap.strftime= %d.%m.%y
date_stdWrap.strftime= %A, %d. %B %Y
time_stdWrap.strftime= %H:%M
}
displayLatest {
date_stdWrap.strftime= %d.%m.%y
time_stdWrap.strftime= %H:%M
}
displayList {
# date_stdWrap.strftime= %A %d. %B %Y
date_stdWrap.strftime = %A, %d. %B %Y
time_stdWrap.strftime= %d.%m.%y %H:%M
}
}
</code>

===== Konfiguration rlmptmplselector =====

Setup:
<code>
#definiert den Pfad zu den Main-Template Dateien
plugin.tx_rlmptmplselector_pi1.templatePathMain = fileadmin/templates/main/

#definiert legt den Pfad zu den Main-Template Dateien
plugin.tx_rlmptmplselector_pi1.templatePathSub = fileadmin/templates/sub/

#definiert das Standard Main-Template Datei, welches geladen werden soll, wenn kein anderes Template ausgewählt wurde
plugin.tx_rlmptmplselector_pi1.defaultTemplateFileNameMain = main_rlmptmplselector.html

#definiert das Standard Sub-Template Datei, welches geladen werden soll, wenn kein anderes Template ausgewählt wurde
plugin.tx_rlmptmplselector_pi1.defaultTemplateFileNameSub = sub_rlmptmplselector.html

# If there is a page having no template selected, use a template
# selected earlier in the rootline. If there is none, use the default
plugin.tx_rlmptmplselector_pi1.inheritMainTemplates = 1
plugin.tx_rlmptmplselector_pi1.inheritSubTemplates = 1
</code>

===== TOP Link =====

<code>
# Setup TOP Link
TOPLINK = TEXT
TOPLINK {
value = to top
lang.en = To the Top
lang.de = Seitenanfang
wrap = <A HREF="#top" class="top-link">|</A>
}

</code>

===== Überschrift als Grafik =====

Im Install Tool (Installation) unter "All Configuration" "[gdlib_png]" aktivieren.

# Setup Überschrift als Grafik
<code>
Header1 = IMAGE
Header1 {
wrap = |
file = GIFBUILDER
file {
XY = [10.w]+6,00
transparentColor = # Hintergrundfarbe
backColor = # Hintergrundfarbe
10 = TEXT
10.text.field =
10.text.current = 1
10.fontSize = Schriftgröße
10.offset = 0,50
10.fontFile = fileadmin/schriftart.ttf
10.fontColor = Schriftfarbe
10.niceText = 1
}
}

lib.stdheader.10.1 < Header1
</code>

===== Konfiguration 404 Error Site =====

Eigene Fehlerseite (404 Error Site) mit der Extension error_404_handling erstellen

Der Browser zeigt die normale Fehlerseite an, die einen 404 Fehler zurück gibt: 404 Error Site.

Für eine eigene 404 Error Site, muss die Extension error_404_handling installiert werden.

Im Ordner /typo3conf/ext/error_404_handling/files/ befinden sich die Dateien für die eigene 404 Error Site.

Dateien:

- 404page_not_found.php

- example.htaccess

Die Datei "404page_not_found.php" in das Root-Verzeichnis der Domain kopieren. Und aus der example.htaccess Datei folgendes in die .htaccess Datei der Root-Ebene eingefügen:

<code>
ErrorDocument 404 /path_anpassen/404page_not_found.php
ErrorDocument 500 /path_anpassen/404page_not_found.php
</code>

Im Install-Tool [warning_email_addr] kann eine E-Mail-Adresse eingeben. Dann wird eine E-Mail versendet, wenn eine Seite (404 Error Site) nicht gefunden wurde.

Einen Domainrecord anlegen bzw. öffnen und eine URL in dem Feld "Redirect to an URL if a page or file under this domain could not be found" eintragen.

404 Error Site: Umleitung auf eine bestimmte 404 Error Site
Install:
<code>
$TYPO3_CONF_VARS["FE"]["pageNotFound_handling"] = 'http://www.404-Error-Site.com/404.php';
</code>

===== TYPO3 YAML =====

TYPO3 YAML Beispielseite und Anleitung

YAML, TYPO3 und YAML

Download: yaml.t3net.de

===== Syntax Highlighting Ultraedit =====

Da mir die durchgehend schwarze Schrift des typoscript total auf den Senkel geht, und ich keinerlei adäquate Lösung zum Thema TypoScript Syntax Highlighting bzw. Syntax kontrolle etc. gefunden habe, hab ich mir das wordfile vom Ultraedit www.ultraedit.com mal hergenommen und erweitert!

http://www.typo3.net/forum/list/list_post//21624/

===== Bedingungen definieren =====

<code>
marks.SLOGAN = COA
marks.SLOGAN {
10 < temp.import_img
stdWrap.ifEmpty.cObject < temp.std_img
}
</code>

http://lists.netfielders.de/pipermail/typo3-at/2004-October/003731.html

http://www.jweiland.net/typo3cms/howto/typoscript-bedingung/

http://www.typo3.net/tsref/functions/if/

http://www.typo3.net/tsref/functions/stdwrap/

http://linuxwiki.de/Typo3TypoScript

===== Links =====

http://www.it-bo.com/typo3-marketing/hilfe/container-zentrieren.html

http://ug.typo3-nrw.de/typo3-dynamic_css.html

http://www.typo3.net/index.php?id=13&action=list_post&tid=39948&page=1

http://blog.dopefreshtight.de/artikel/typo3-aufsetzen-setup/

http://www.sk-typo3.de/RTE-Standardkonfiguration.31.0.html

http://www.linet-services.de/t3_tscode.html

http://www.it-bo.com/typo3-marketing/news/typo3-news/article/typo3-yaml-fuer-version-4.html

http://www.typo3-unleashed.net/index.php?id=sitemap

http://www.sk-typo3.de/Typo3-Extensions.68.0.html

http://www.contentschmiede.de/links-zu-typo3/

http://www.mcuniverse.com/TemplaVoila_-_Cheat_Sheet.1221.0.html

http://www.just2b.com/mein-typo3/css-ts-menues.html

http://ww2.sprain.ch/index.php?id=19

http://www.typo3wizard.com/de/snippets/menus/text-menu-tmenu.html

http://www.kraftfelt.dk/

http://lists.netfielders.de/pipermail/typo3-german/2006-January/008630.html

http://82.165.8.199/typo3cms/exotec-design.de/index.php?id=89

Typo3 Extensions mit FlexForms

2007-10-25T10:12:10Z

91.32.41.106: /* ext_tables.php: FlexForm einblenden */

== Benötigte Dateien ==
Man braucht:
# Änderungen in ''ext_tables.php''
# Die Datei ''flexform_ds.xml''. In dieser befindet sich der XML code den Typo3 nutzt um das Flexform zu generieren.
## In der Datei wird im Abschnitt Label auf die Datei: locallang_db.xml verwiesen. In dieser wiederum werden die anderen Sprachen definiert.

=== ext_tables.php: FlexForm einblenden ===
Beispiel ext_tables.php (Ausschnitt):

<pre>
# Vor jeder Änderung im TCA Bereich im Frontend muß er auch geladen sein...(von EM Manager schon angelegt)
t3lib_div::loadTCA('tt_content');

# Wir nutzen FlexForms - deshalb blenden wir die Standard-Felder layout, select_key pages und recursive aus...
$TCA['tt_content']['types']['list']['subtypes_excludelist'][$_EXTKEY.'_pi1']='layout,select_key,pages,recursive';
# Dafür blenden wir das tt_content-Felod pi_flexform ein
$TCA['tt_content']['types']['list']['subtypes_addlist'][$_EXTKEY.'_pi1']='pi_flexform';
# Nun die Datei angeben in der das Flexform-Schema definiert ist...
t3lib_extMgm::addPiFlexFormValue($_EXTKEY.'_pi1','FILE:EXT:'.$_EXTKEY.'/flexform_ds.xml');

# Plugin aktivieren-dies sorgt dafür, dass das Plugin im Backend überhaupt ausgewählt werden kann (legt der EM automatisch an)
t3lib_extMgm::addPlugin(array('LLL:EXT:hfwupersonal/locallang_db.xml:tt_content.list_type_pi1', $_EXTKEY.'_pi1'),'list_type');
</pre>

=== Definition der Flexform Felder (flexform_ds.xml)===
Beispiel flexform_ds.xml

Hinweis: Der Name der XML Datei kann auch anders gewählt werden. Dieser Name ist jedoch der Standardname.

<pre>

<?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?>
<T3FlexForms>
<data type="array">
<sDEF type="array">
<lDEF type="array">
<inputName type="array">
<vDEF>Beispielwort</vDEF>
</inputName>
<inputTransformation type="array">
<vDEF>lowercase</vDEF>
</inputTransformation>
</lDEF>
</sDEF>
</data>
</T3FlexForms>

</pre>
Innerhalb von sheets stehen die Tabs, sDEF ist das aktuelle Sheet.

== Flexforms gestalten ==

Ein Flexform hat folgende '''Grundstruktur''':

<pre><nowiki>
<T3DataStructure>
<meta>
<langDisable>1</langDisable>
</meta>
<ROOT>
[...formatspezifisches Element ... ]
<type>array</type>
<el>
<freierElementName1>
[ ... formatspezifisches Element ... ]
</freierElementName1>
<freierElementName2>
[ ... formatspezifisches Element ... ]
</freierElementName2>
</el>
</ROOT>
</T3DataStructure>
</nowiki></pre>

Ein '''Beispiel mit allerlei Eingabefeldern''' könnte wie folgt aussehen. In diesem Beispiel wird für die Namen der Felder auf eine locallang_tca.php verwiesen. Man könnte die Namen der Labels aber auch einfach direkt reinschreiben.

===Einleitender Code===
<pre><nowiki>
<?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?>
<T3DataStructure>
<sheets>
</nowiki></pre>

===Das erste Sheet===
Hier beginnt '''das erste Sheet''' man stellt vor den xml bezeichner gewöhnlich ein s für sheet. Das erste formspezifische Element ist der Titel des Tabs, dann kommt ein Array und das Einleitende el Tag indem alle Elemente des Tabs gespeichert sind.
<pre><nowiki>
<sInputs>
<ROOT>
<TCEforms>
<sheetTitle>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.sheetInputs</sheetTitle>
</TCEforms>
<type>array</type>
<el>
</nowiki></pre>

===Eingabefeld===
<pre><nowiki>
<exampleString>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleString.label</label>
<config>
<type>input</type>
<size>24</size>
<max>48</max>
<eval>trim</eval>
</config>
</TCEforms>
</exampleString>
</nowiki></pre>

===Datumsfeld===
<pre><nowiki>
<exampleDate>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleDate.label</label>
<config>
<type>input</type>
<size>8</size>
<eval>date</eval>
<max>20</max>
<checkbox>1</checkbox>
</config>
</TCEforms>
</exampleDate>
</nowiki></pre>

===Ein Textfeld===
<pre><nowiki>
<exampleArea>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleArea.label</label>
<config>
<type>text</type>
<cols>24</cols>
<rows>3</rows>
</config>
</TCEforms>
</exampleArea>
</nowiki></pre>

Ein '''Textfeld mit abgeschaltetem Zeilenumbruch''' für Code
<pre><nowiki>
<exampleCode>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleCode.label</label>
<config>
<type>text</type>
<cols>35</cols>
<rows>8</rows>
<wrap>off</wrap>
</config>
</TCEforms>
</exampleCode>
</nowiki></pre>

===Das erste Blatt ist fertig===
<pre><nowiki>
</el>
</ROOT>
</sInputs>
</nowiki></pre>

===RTE===
Das nächste Blatt enthält einen '''RTE'''...
<pre><nowiki>
<sRTE>
<ROOT>
<TCEforms>
<sheetTitle>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.sheetRTE</sheetTitle>
</TCEforms>
<type>array</type>
<el>
<exampleRTE>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRTE.label</label>
<config>
<type>text</type>
<cols>52</cols>
<rows>5</rows>
</config>
<defaultExtras>richtext[*]:rte_transform[mode=ts_css]</defaultExtras>
</TCEforms>
</exampleRTE>
</el>
</ROOT>
</sRTE>
</nowiki></pre>

===Auswahlfelder===
Das nächste Blatt enthält Beispiele für '''Auswahlfelder'''...
<pre><nowiki>
<sSelections>
<ROOT>
<TCEforms>
<sheetTitle>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.sheetSelections</sheetTitle>
</TCEforms>
<type>array</type>
<el>
</nowiki></pre>

===Ein einfaches Select Feld===
Zu beachten ist hierbei, daß der Tag numIndex index="0" den Namen(oder das Label) des Optionspunktes enthält, index="1" dagegen den key, also den später nutzbaren Wert.
<pre><nowiki>
<exampleSelection>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleSelection.label</label>
<config>
<type>select</type>
<items type="array">
<numIndex index="0" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleSelection.label1</numIndex>
<numIndex index="1">key1</numIndex>
</numIndex>
<numIndex index="1" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleSelection.label2</numIndex>
<numIndex index="1">key2</numIndex>
</numIndex>
<numIndex index="3" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleSelection.label3</numIndex>
<numIndex index="1">key3</numIndex>
</numIndex>
</items>
</config>
</TCEforms>
</exampleSelection>
</nowiki></pre>

===Mehrfachauswahl===
<pre><nowiki>
<exampleMultiselection>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleMultiselection.label</label>
<config>
<type>select</type>
<items type="array">
<numIndex index="0" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleMultiselection.label1</numIndex>
<numIndex index="1">key1</numIndex>
</numIndex>
<numIndex index="1" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleMultiselection.label2</numIndex>
<numIndex index="1">key2</numIndex>
</numIndex>
<numIndex index="3" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleMultiselection.label3</numIndex>
<numIndex index="1">key3</numIndex>
</numIndex>
</items>
<maxitems>3</maxitems>
<size>3</size>
<multiple>1</multiple>
<selectedListStyle>width:150px</selectedListStyle>
<itemListStyle>width:150px</itemListStyle>
</config>
</TCEforms>
</exampleMultiselection>
</nowiki></pre>

===Ein Seitenbrowser===
<pre><nowiki>
<examplePagebrowser>
<TCEforms>
<exclude>1</exclude>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.examplePagebrowser.label</label>
<config>
<type>group</type>
<internal_type>db</internal_type>
<allowed>pages</allowed>
<size>3</size>
<maxitems>22</maxitems>
<minitems>0</minitems>
<show_thumbs>1</show_thumbs>
</config>
</TCEforms>
</examplePagebrowser>
</nowiki></pre>

===Ein Dateibrowser===
<pre><nowiki>
<exampleFilebrowser>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleFilebrowser.label</label>
<config>
<type>group</type>
<internal_type>file</internal_type>
<allowed>tmpl,html</allowed>
<max_size>100</max_size>
<uploadfolder>uploads/</uploadfolder>
<maxitems>1</maxitems>
<size>1</size>
<selectedListStyle>Width:180px</selectedListStyle>
</config>
</TCEforms>
</exampleFilebrowser>
</nowiki></pre>

===Eine Checkbox===
<pre><nowiki>
<exampleCheckbox>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleCheckbox.label</label>
<config>
<type>check</type>
</config>
</TCEforms>
</exampleCheckbox>
</nowiki></pre>

===Radio Buttons===
<pre><nowiki>
<exampleRadio>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRadio.label</label>
<config>
<type>radio</type>
<items type="array">
<numIndex index="0" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRadio.label1</numIndex>
<numIndex index="1">key1</numIndex>
</numIndex>
<numIndex index="1" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRadio.label2</numIndex>
<numIndex index="1">key2</numIndex>
</numIndex>
<numIndex index="3" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRadio.label3</numIndex>
<numIndex index="1">key3</numIndex>
</numIndex>
</items>
</config>
</TCEforms>
</exampleRadio>
</nowiki></pre>

===Ende des Sheets===
<pre><nowiki>
</el>
</ROOT>
</sSelections>
</nowiki></pre>
Auswahlfelder können Ihre Werte auch dynamisch aus der Datenbank beziehen, darum gehts im nächsten Sheet
<pre><nowiki>
<sDynamics>
<ROOT>
<TCEforms>
<sheetTitle>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.sheetDynamics</sheetTitle>
</TCEforms>
<type>array</type>
<el>
</nowiki></pre>

===Ein dynamisches Select Feld===
mit Werten aus der Tabelle static_template
<pre><nowiki>
<exampleQuery>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleQuery.label</label>
<config>
<type>select</type>
<items>
<numIndex index="0">
<numIndex index="0">--</numIndex>
<numIndex index="1">0</numIndex>
</numIndex>
</items>
<foreign_table>static_template</foreign_table>
<foreign_table_where>
AND static_template.uid < 30
</foreign_table_where>
<size>1</size>
<minitems>0</minitems>
<maxitems>1</maxitems>
</config>
</TCEforms>
</exampleQuery>
</nowiki></pre>

Eine '''Funktion''' kann ebenfalls genutzt werden um die WErte bereitzustellen
<pre><nowiki>
<exampleFunction>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleFunction.label</label>
<config>
<type>select</type>
<items>
<numIndex index="0">
<numIndex index="0">--</numIndex>
<numIndex index="1">0</numIndex>
</numIndex>
</items>
<itemsProcFunc>tx_sbflexamples_itemFunctions->exampleFunction</itemsProcFunc>
</config>
</TCEforms>
</exampleFunction>
</nowiki></pre>

===XML-Struktur beenden===
Das letzte '''Sheet fertigstellen'''...
<pre><nowiki>

</el>
</ROOT>
</sDynamics>
</nowiki></pre>

Die komplette '''Struktur beenden'''
<pre><nowiki>
</sheets>
</T3DataStructure>

</nowiki></pre>

===Labels übersetzen - Sprachdatei===
Der Vollständigkeit halber ein Auszug aus der locallang_tca.php in der die Sprachlabels definiert werden:

<?php
<pre>
$LOCAL_LANG = Array (
'default' => Array (
...
'hfwupersonal.pi_flexform.sheetSelections' => 'Selections',
'hfwupersonal.pi_flexform.sheetDynamics' => 'Dynamic Selections',
'hfwupersonal.pi_flexform.exampleDate.label' => 'Date',
...
),
'de' => Array (
...
'hfwupersonal.pi_flexform.sheetSelections' => 'Statische Auswahlfelder',
'hfwupersonal.pi_flexform.sheetDynamics' => 'Dynamische Auswahlfelder',
'hfwupersonal.pi_flexform.exampleDate.label' => 'Datum',
...
),
);
?>

</pre>

== Auf Flexform-Daten zugreifen ==
Um die Daten aus dem Flexform zu verarbeiten nutzen wir Funktionen der '''tslib_pibase'''. Die Daten befinden sich als '''XML-String''' in

''$this->cObj->data['pi_flexform']''
Um den Zugriff zu vereinfachen gibt es eine Funktion die den Inhalt in ein Array rendert:

$this->pi_initPIflexForm();

jetzt steht ein Array in $this->cObj->data['pi_flexform'] zur Verfügung. Darauf könnte man jetzt schon gut zugreifen. Besonders leicht geht es aber mit der Funktion:

function pi_getFFvalue($T3FlexForm_array,$fieldName,$sheet='sDEF,$lang='lDEF',$value='vDEF');

Beispiel:

$myName = $this->pi_getFFvalue($this->cObj->data['pi_flexform'], 'inputName');

In diesem Fall wäre ''$sheet'',''$lang'' und ''$value'' mit den Defaultwerten benannt (siehe XML-Beispiel), deshalb müssen Sie nicht übergeben werden.

Typo3 Extensions mit FlexForms

2007-10-25T10:01:04Z

91.32.41.106: /* ext_tables.php: FlexForm einblenden */

== Benötigte Dateien ==
Man braucht:
# Änderungen in ''ext_tables.php''
# Die Datei ''flexform_ds.xml''. In dieser befindet sich der XML code den Typo3 nutzt um das Flexform zu generieren.
## In der Datei wird im Abschnitt Label auf die Datei: locallang_db.xml verwiesen. In dieser wiederum werden die anderen Sprachen definiert.

=== ext_tables.php: FlexForm einblenden ===
Beispiel ext_tables.php (Ausschnitt):

<pre>
# Vor jeder Änderung im TCA Bereich im Frontend muß er auch geladen sein...(von EM Manager schon angelegt)
t3lib_div::loadTCA('tt_content');

# Wir nutzen FlexForms - deshalb blenden wir die Standard-Felder layout, select_key pages und recursive aus...
$TCA['tt_content']['types']['list']['subtypes_excludelist'][$_EXTKEY.'_pi1']='layout,select_key,pages,recursive';
# Dafür blenden wir das tt_content-Felod pi_flexform ein
$TCA['tt_content']['types']['list']['subtypes_addlist'][$_EXTKEY.'_pi1']='pi_flexform';
# Nun die Datei angeben in der das Flexform-Schema definiert ist...
t3lib_extMgm::addPiFlexFormValue($_EXTKEY.'pi1','FILE:EXT:'.$_EXTKEY.'/flexform_ds.xml');

# Plugin aktivieren-dies sorgt dafür, dass das Plugin im Backend überhaupt ausgewählt werden kann (legt der EM automatisch an)
t3lib_extMgm::addPlugin(array('LLL:EXT:hfwupersonal/locallang_db.xml:tt_content.list_type_pi1', $_EXTKEY.'_pi1'),'list_type');
</pre>

=== Definition der Flexform Felder (flexform_ds.xml)===
Beispiel flexform_ds.xml

Hinweis: Der Name der XML Datei kann auch anders gewählt werden. Dieser Name ist jedoch der Standardname.

<pre>

<?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?>
<T3FlexForms>
<data type="array">
<sDEF type="array">
<lDEF type="array">
<inputName type="array">
<vDEF>Beispielwort</vDEF>
</inputName>
<inputTransformation type="array">
<vDEF>lowercase</vDEF>
</inputTransformation>
</lDEF>
</sDEF>
</data>
</T3FlexForms>

</pre>
Innerhalb von sheets stehen die Tabs, sDEF ist das aktuelle Sheet.

== Flexforms gestalten ==

Ein Flexform hat folgende '''Grundstruktur''':

<pre><nowiki>
<T3DataStructure>
<meta>
<langDisable>1</langDisable>
</meta>
<ROOT>
[...formatspezifisches Element ... ]
<type>array</type>
<el>
<freierElementName1>
[ ... formatspezifisches Element ... ]
</freierElementName1>
<freierElementName2>
[ ... formatspezifisches Element ... ]
</freierElementName2>
</el>
</ROOT>
</T3DataStructure>
</nowiki></pre>

Ein '''Beispiel mit allerlei Eingabefeldern''' könnte wie folgt aussehen. In diesem Beispiel wird für die Namen der Felder auf eine locallang_tca.php verwiesen. Man könnte die Namen der Labels aber auch einfach direkt reinschreiben.

===Einleitender Code===
<pre><nowiki>
<?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?>
<T3DataStructure>
<sheets>
</nowiki></pre>

===Das erste Sheet===
Hier beginnt '''das erste Sheet''' man stellt vor den xml bezeichner gewöhnlich ein s für sheet. Das erste formspezifische Element ist der Titel des Tabs, dann kommt ein Array und das Einleitende el Tag indem alle Elemente des Tabs gespeichert sind.
<pre><nowiki>
<sInputs>
<ROOT>
<TCEforms>
<sheetTitle>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.sheetInputs</sheetTitle>
</TCEforms>
<type>array</type>
<el>
</nowiki></pre>

===Eingabefeld===
<pre><nowiki>
<exampleString>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleString.label</label>
<config>
<type>input</type>
<size>24</size>
<max>48</max>
<eval>trim</eval>
</config>
</TCEforms>
</exampleString>
</nowiki></pre>

===Datumsfeld===
<pre><nowiki>
<exampleDate>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleDate.label</label>
<config>
<type>input</type>
<size>8</size>
<eval>date</eval>
<max>20</max>
<checkbox>1</checkbox>
</config>
</TCEforms>
</exampleDate>
</nowiki></pre>

===Ein Textfeld===
<pre><nowiki>
<exampleArea>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleArea.label</label>
<config>
<type>text</type>
<cols>24</cols>
<rows>3</rows>
</config>
</TCEforms>
</exampleArea>
</nowiki></pre>

Ein '''Textfeld mit abgeschaltetem Zeilenumbruch''' für Code
<pre><nowiki>
<exampleCode>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleCode.label</label>
<config>
<type>text</type>
<cols>35</cols>
<rows>8</rows>
<wrap>off</wrap>
</config>
</TCEforms>
</exampleCode>
</nowiki></pre>

===Das erste Blatt ist fertig===
<pre><nowiki>
</el>
</ROOT>
</sInputs>
</nowiki></pre>

===RTE===
Das nächste Blatt enthält einen '''RTE'''...
<pre><nowiki>
<sRTE>
<ROOT>
<TCEforms>
<sheetTitle>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.sheetRTE</sheetTitle>
</TCEforms>
<type>array</type>
<el>
<exampleRTE>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRTE.label</label>
<config>
<type>text</type>
<cols>52</cols>
<rows>5</rows>
</config>
<defaultExtras>richtext[*]:rte_transform[mode=ts_css]</defaultExtras>
</TCEforms>
</exampleRTE>
</el>
</ROOT>
</sRTE>
</nowiki></pre>

===Auswahlfelder===
Das nächste Blatt enthält Beispiele für '''Auswahlfelder'''...
<pre><nowiki>
<sSelections>
<ROOT>
<TCEforms>
<sheetTitle>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.sheetSelections</sheetTitle>
</TCEforms>
<type>array</type>
<el>
</nowiki></pre>

===Ein einfaches Select Feld===
Zu beachten ist hierbei, daß der Tag numIndex index="0" den Namen(oder das Label) des Optionspunktes enthält, index="1" dagegen den key, also den später nutzbaren Wert.
<pre><nowiki>
<exampleSelection>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleSelection.label</label>
<config>
<type>select</type>
<items type="array">
<numIndex index="0" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleSelection.label1</numIndex>
<numIndex index="1">key1</numIndex>
</numIndex>
<numIndex index="1" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleSelection.label2</numIndex>
<numIndex index="1">key2</numIndex>
</numIndex>
<numIndex index="3" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleSelection.label3</numIndex>
<numIndex index="1">key3</numIndex>
</numIndex>
</items>
</config>
</TCEforms>
</exampleSelection>
</nowiki></pre>

===Mehrfachauswahl===
<pre><nowiki>
<exampleMultiselection>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleMultiselection.label</label>
<config>
<type>select</type>
<items type="array">
<numIndex index="0" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleMultiselection.label1</numIndex>
<numIndex index="1">key1</numIndex>
</numIndex>
<numIndex index="1" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleMultiselection.label2</numIndex>
<numIndex index="1">key2</numIndex>
</numIndex>
<numIndex index="3" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleMultiselection.label3</numIndex>
<numIndex index="1">key3</numIndex>
</numIndex>
</items>
<maxitems>3</maxitems>
<size>3</size>
<multiple>1</multiple>
<selectedListStyle>width:150px</selectedListStyle>
<itemListStyle>width:150px</itemListStyle>
</config>
</TCEforms>
</exampleMultiselection>
</nowiki></pre>

===Ein Seitenbrowser===
<pre><nowiki>
<examplePagebrowser>
<TCEforms>
<exclude>1</exclude>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.examplePagebrowser.label</label>
<config>
<type>group</type>
<internal_type>db</internal_type>
<allowed>pages</allowed>
<size>3</size>
<maxitems>22</maxitems>
<minitems>0</minitems>
<show_thumbs>1</show_thumbs>
</config>
</TCEforms>
</examplePagebrowser>
</nowiki></pre>

===Ein Dateibrowser===
<pre><nowiki>
<exampleFilebrowser>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleFilebrowser.label</label>
<config>
<type>group</type>
<internal_type>file</internal_type>
<allowed>tmpl,html</allowed>
<max_size>100</max_size>
<uploadfolder>uploads/</uploadfolder>
<maxitems>1</maxitems>
<size>1</size>
<selectedListStyle>Width:180px</selectedListStyle>
</config>
</TCEforms>
</exampleFilebrowser>
</nowiki></pre>

===Eine Checkbox===
<pre><nowiki>
<exampleCheckbox>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleCheckbox.label</label>
<config>
<type>check</type>
</config>
</TCEforms>
</exampleCheckbox>
</nowiki></pre>

===Radio Buttons===
<pre><nowiki>
<exampleRadio>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRadio.label</label>
<config>
<type>radio</type>
<items type="array">
<numIndex index="0" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRadio.label1</numIndex>
<numIndex index="1">key1</numIndex>
</numIndex>
<numIndex index="1" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRadio.label2</numIndex>
<numIndex index="1">key2</numIndex>
</numIndex>
<numIndex index="3" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRadio.label3</numIndex>
<numIndex index="1">key3</numIndex>
</numIndex>
</items>
</config>
</TCEforms>
</exampleRadio>
</nowiki></pre>

===Ende des Sheets===
<pre><nowiki>
</el>
</ROOT>
</sSelections>
</nowiki></pre>
Auswahlfelder können Ihre Werte auch dynamisch aus der Datenbank beziehen, darum gehts im nächsten Sheet
<pre><nowiki>
<sDynamics>
<ROOT>
<TCEforms>
<sheetTitle>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.sheetDynamics</sheetTitle>
</TCEforms>
<type>array</type>
<el>
</nowiki></pre>

===Ein dynamisches Select Feld===
mit Werten aus der Tabelle static_template
<pre><nowiki>
<exampleQuery>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleQuery.label</label>
<config>
<type>select</type>
<items>
<numIndex index="0">
<numIndex index="0">--</numIndex>
<numIndex index="1">0</numIndex>
</numIndex>
</items>
<foreign_table>static_template</foreign_table>
<foreign_table_where>
AND static_template.uid < 30
</foreign_table_where>
<size>1</size>
<minitems>0</minitems>
<maxitems>1</maxitems>
</config>
</TCEforms>
</exampleQuery>
</nowiki></pre>

Eine '''Funktion''' kann ebenfalls genutzt werden um die WErte bereitzustellen
<pre><nowiki>
<exampleFunction>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleFunction.label</label>
<config>
<type>select</type>
<items>
<numIndex index="0">
<numIndex index="0">--</numIndex>
<numIndex index="1">0</numIndex>
</numIndex>
</items>
<itemsProcFunc>tx_sbflexamples_itemFunctions->exampleFunction</itemsProcFunc>
</config>
</TCEforms>
</exampleFunction>
</nowiki></pre>

===XML-Struktur beenden===
Das letzte '''Sheet fertigstellen'''...
<pre><nowiki>

</el>
</ROOT>
</sDynamics>
</nowiki></pre>

Die komplette '''Struktur beenden'''
<pre><nowiki>
</sheets>
</T3DataStructure>

</nowiki></pre>

===Labels übersetzen - Sprachdatei===
Der Vollständigkeit halber ein Auszug aus der locallang_tca.php in der die Sprachlabels definiert werden:

<?php
<pre>
$LOCAL_LANG = Array (
'default' => Array (
...
'hfwupersonal.pi_flexform.sheetSelections' => 'Selections',
'hfwupersonal.pi_flexform.sheetDynamics' => 'Dynamic Selections',
'hfwupersonal.pi_flexform.exampleDate.label' => 'Date',
...
),
'de' => Array (
...
'hfwupersonal.pi_flexform.sheetSelections' => 'Statische Auswahlfelder',
'hfwupersonal.pi_flexform.sheetDynamics' => 'Dynamische Auswahlfelder',
'hfwupersonal.pi_flexform.exampleDate.label' => 'Datum',
...
),
);
?>

</pre>

== Auf Flexform-Daten zugreifen ==
Um die Daten aus dem Flexform zu verarbeiten nutzen wir Funktionen der '''tslib_pibase'''. Die Daten befinden sich als '''XML-String''' in

''$this->cObj->data['pi_flexform']''
Um den Zugriff zu vereinfachen gibt es eine Funktion die den Inhalt in ein Array rendert:

$this->pi_initPIflexForm();

jetzt steht ein Array in $this->cObj->data['pi_flexform'] zur Verfügung. Darauf könnte man jetzt schon gut zugreifen. Besonders leicht geht es aber mit der Funktion:

function pi_getFFvalue($T3FlexForm_array,$fieldName,$sheet='sDEF,$lang='lDEF',$value='vDEF');

Beispiel:

$myName = $this->pi_getFFvalue($this->cObj->data['pi_flexform'], 'inputName');

In diesem Fall wäre ''$sheet'',''$lang'' und ''$value'' mit den Defaultwerten benannt (siehe XML-Beispiel), deshalb müssen Sie nicht übergeben werden.

Typo3 Extensions mit FlexForms

2007-10-25T09:56:46Z

91.32.41.106: /* Definition der Flexform Felder (flexform_ds.xml) */

== Benötigte Dateien ==
Man braucht:
# Änderungen in ''ext_tables.php''
# Die Datei ''flexform_ds.xml''. In dieser befindet sich der XML code den Typo3 nutzt um das Flexform zu generieren.
## In der Datei wird im Abschnitt Label auf die Datei: locallang_db.xml verwiesen. In dieser wiederum werden die anderen Sprachen definiert.

=== ext_tables.php: FlexForm einblenden ===
Beispiel ext_tables.php (Ausschnitt):

<pre>
# Vor jeder Änderung im TCA Bereich im Frontend muß er auch geladen sein...
t3lib_div::loadTCA('tt_content');
# Wir nutzen FlexForms - deshalb blenden wir die Standard-Felder layout, select_key pages und recursive aus...
$TCA['tt_content']['types']['list']['subtypes_excludelist'][$_EXTKEY.'_pi1']='layout,select_key,pages,recursive';
# Dafür blenden wir das tt_content-Felod pi_flexform ein
$TCA['tt_content']['types']['list']['subtypes_addlist'][$_EXTKEY.'_pi1']='pi_flexform';
# Nun die Datei angeben in der das Flexform-Schema definiert ist...
t3lib_extMgm::addPiFlexFormValue($_EXTKEY.'pi1','FILE:EXT:'.$_EXTKEY.'/flexform_ds.xml');

# Plugin aktivieren-dies sorgt dafür, dass das Plugin im Backend überhaupt ausgewählt werden kann (legt der EM automatisch an)
t3lib_extMgm::addPlugin(array('LLL:EXT:hfwupersonal/locallang_db.xml:tt_content.list_type_pi1', $_EXTKEY.'_pi1'),'list_type');
</pre>

=== Definition der Flexform Felder (flexform_ds.xml)===
Beispiel flexform_ds.xml

Hinweis: Der Name der XML Datei kann auch anders gewählt werden. Dieser Name ist jedoch der Standardname.

<pre>

<?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?>
<T3FlexForms>
<data type="array">
<sDEF type="array">
<lDEF type="array">
<inputName type="array">
<vDEF>Beispielwort</vDEF>
</inputName>
<inputTransformation type="array">
<vDEF>lowercase</vDEF>
</inputTransformation>
</lDEF>
</sDEF>
</data>
</T3FlexForms>

</pre>
Innerhalb von sheets stehen die Tabs, sDEF ist das aktuelle Sheet.

== Flexforms gestalten ==

Ein Flexform hat folgende '''Grundstruktur''':

<pre><nowiki>
<T3DataStructure>
<meta>
<langDisable>1</langDisable>
</meta>
<ROOT>
[...formatspezifisches Element ... ]
<type>array</type>
<el>
<freierElementName1>
[ ... formatspezifisches Element ... ]
</freierElementName1>
<freierElementName2>
[ ... formatspezifisches Element ... ]
</freierElementName2>
</el>
</ROOT>
</T3DataStructure>
</nowiki></pre>

Ein '''Beispiel mit allerlei Eingabefeldern''' könnte wie folgt aussehen. In diesem Beispiel wird für die Namen der Felder auf eine locallang_tca.php verwiesen. Man könnte die Namen der Labels aber auch einfach direkt reinschreiben.

===Einleitender Code===
<pre><nowiki>
<?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?>
<T3DataStructure>
<sheets>
</nowiki></pre>

===Das erste Sheet===
Hier beginnt '''das erste Sheet''' man stellt vor den xml bezeichner gewöhnlich ein s für sheet. Das erste formspezifische Element ist der Titel des Tabs, dann kommt ein Array und das Einleitende el Tag indem alle Elemente des Tabs gespeichert sind.
<pre><nowiki>
<sInputs>
<ROOT>
<TCEforms>
<sheetTitle>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.sheetInputs</sheetTitle>
</TCEforms>
<type>array</type>
<el>
</nowiki></pre>

===Eingabefeld===
<pre><nowiki>
<exampleString>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleString.label</label>
<config>
<type>input</type>
<size>24</size>
<max>48</max>
<eval>trim</eval>
</config>
</TCEforms>
</exampleString>
</nowiki></pre>

===Datumsfeld===
<pre><nowiki>
<exampleDate>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleDate.label</label>
<config>
<type>input</type>
<size>8</size>
<eval>date</eval>
<max>20</max>
<checkbox>1</checkbox>
</config>
</TCEforms>
</exampleDate>
</nowiki></pre>

===Ein Textfeld===
<pre><nowiki>
<exampleArea>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleArea.label</label>
<config>
<type>text</type>
<cols>24</cols>
<rows>3</rows>
</config>
</TCEforms>
</exampleArea>
</nowiki></pre>

Ein '''Textfeld mit abgeschaltetem Zeilenumbruch''' für Code
<pre><nowiki>
<exampleCode>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleCode.label</label>
<config>
<type>text</type>
<cols>35</cols>
<rows>8</rows>
<wrap>off</wrap>
</config>
</TCEforms>
</exampleCode>
</nowiki></pre>

===Das erste Blatt ist fertig===
<pre><nowiki>
</el>
</ROOT>
</sInputs>
</nowiki></pre>

===RTE===
Das nächste Blatt enthält einen '''RTE'''...
<pre><nowiki>
<sRTE>
<ROOT>
<TCEforms>
<sheetTitle>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.sheetRTE</sheetTitle>
</TCEforms>
<type>array</type>
<el>
<exampleRTE>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRTE.label</label>
<config>
<type>text</type>
<cols>52</cols>
<rows>5</rows>
</config>
<defaultExtras>richtext[*]:rte_transform[mode=ts_css]</defaultExtras>
</TCEforms>
</exampleRTE>
</el>
</ROOT>
</sRTE>
</nowiki></pre>

===Auswahlfelder===
Das nächste Blatt enthält Beispiele für '''Auswahlfelder'''...
<pre><nowiki>
<sSelections>
<ROOT>
<TCEforms>
<sheetTitle>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.sheetSelections</sheetTitle>
</TCEforms>
<type>array</type>
<el>
</nowiki></pre>

===Ein einfaches Select Feld===
Zu beachten ist hierbei, daß der Tag numIndex index="0" den Namen(oder das Label) des Optionspunktes enthält, index="1" dagegen den key, also den später nutzbaren Wert.
<pre><nowiki>
<exampleSelection>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleSelection.label</label>
<config>
<type>select</type>
<items type="array">
<numIndex index="0" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleSelection.label1</numIndex>
<numIndex index="1">key1</numIndex>
</numIndex>
<numIndex index="1" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleSelection.label2</numIndex>
<numIndex index="1">key2</numIndex>
</numIndex>
<numIndex index="3" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleSelection.label3</numIndex>
<numIndex index="1">key3</numIndex>
</numIndex>
</items>
</config>
</TCEforms>
</exampleSelection>
</nowiki></pre>

===Mehrfachauswahl===
<pre><nowiki>
<exampleMultiselection>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleMultiselection.label</label>
<config>
<type>select</type>
<items type="array">
<numIndex index="0" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleMultiselection.label1</numIndex>
<numIndex index="1">key1</numIndex>
</numIndex>
<numIndex index="1" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleMultiselection.label2</numIndex>
<numIndex index="1">key2</numIndex>
</numIndex>
<numIndex index="3" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleMultiselection.label3</numIndex>
<numIndex index="1">key3</numIndex>
</numIndex>
</items>
<maxitems>3</maxitems>
<size>3</size>
<multiple>1</multiple>
<selectedListStyle>width:150px</selectedListStyle>
<itemListStyle>width:150px</itemListStyle>
</config>
</TCEforms>
</exampleMultiselection>
</nowiki></pre>

===Ein Seitenbrowser===
<pre><nowiki>
<examplePagebrowser>
<TCEforms>
<exclude>1</exclude>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.examplePagebrowser.label</label>
<config>
<type>group</type>
<internal_type>db</internal_type>
<allowed>pages</allowed>
<size>3</size>
<maxitems>22</maxitems>
<minitems>0</minitems>
<show_thumbs>1</show_thumbs>
</config>
</TCEforms>
</examplePagebrowser>
</nowiki></pre>

===Ein Dateibrowser===
<pre><nowiki>
<exampleFilebrowser>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleFilebrowser.label</label>
<config>
<type>group</type>
<internal_type>file</internal_type>
<allowed>tmpl,html</allowed>
<max_size>100</max_size>
<uploadfolder>uploads/</uploadfolder>
<maxitems>1</maxitems>
<size>1</size>
<selectedListStyle>Width:180px</selectedListStyle>
</config>
</TCEforms>
</exampleFilebrowser>
</nowiki></pre>

===Eine Checkbox===
<pre><nowiki>
<exampleCheckbox>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleCheckbox.label</label>
<config>
<type>check</type>
</config>
</TCEforms>
</exampleCheckbox>
</nowiki></pre>

===Radio Buttons===
<pre><nowiki>
<exampleRadio>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRadio.label</label>
<config>
<type>radio</type>
<items type="array">
<numIndex index="0" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRadio.label1</numIndex>
<numIndex index="1">key1</numIndex>
</numIndex>
<numIndex index="1" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRadio.label2</numIndex>
<numIndex index="1">key2</numIndex>
</numIndex>
<numIndex index="3" type="array">
<numIndex index="0">LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleRadio.label3</numIndex>
<numIndex index="1">key3</numIndex>
</numIndex>
</items>
</config>
</TCEforms>
</exampleRadio>
</nowiki></pre>

===Ende des Sheets===
<pre><nowiki>
</el>
</ROOT>
</sSelections>
</nowiki></pre>
Auswahlfelder können Ihre Werte auch dynamisch aus der Datenbank beziehen, darum gehts im nächsten Sheet
<pre><nowiki>
<sDynamics>
<ROOT>
<TCEforms>
<sheetTitle>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.sheetDynamics</sheetTitle>
</TCEforms>
<type>array</type>
<el>
</nowiki></pre>

===Ein dynamisches Select Feld===
mit Werten aus der Tabelle static_template
<pre><nowiki>
<exampleQuery>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleQuery.label</label>
<config>
<type>select</type>
<items>
<numIndex index="0">
<numIndex index="0">--</numIndex>
<numIndex index="1">0</numIndex>
</numIndex>
</items>
<foreign_table>static_template</foreign_table>
<foreign_table_where>
AND static_template.uid < 30
</foreign_table_where>
<size>1</size>
<minitems>0</minitems>
<maxitems>1</maxitems>
</config>
</TCEforms>
</exampleQuery>
</nowiki></pre>

Eine '''Funktion''' kann ebenfalls genutzt werden um die WErte bereitzustellen
<pre><nowiki>
<exampleFunction>
<TCEforms>
<label>LLL:EXT:sb_flexamples/locallang_tca.php:sb_flexamples.pi_flexform.exampleFunction.label</label>
<config>
<type>select</type>
<items>
<numIndex index="0">
<numIndex index="0">--</numIndex>
<numIndex index="1">0</numIndex>
</numIndex>
</items>
<itemsProcFunc>tx_sbflexamples_itemFunctions->exampleFunction</itemsProcFunc>
</config>
</TCEforms>
</exampleFunction>
</nowiki></pre>

===XML-Struktur beenden===
Das letzte '''Sheet fertigstellen'''...
<pre><nowiki>

</el>
</ROOT>
</sDynamics>
</nowiki></pre>

Die komplette '''Struktur beenden'''
<pre><nowiki>
</sheets>
</T3DataStructure>

</nowiki></pre>

===Labels übersetzen - Sprachdatei===
Der Vollständigkeit halber ein Auszug aus der locallang_tca.php in der die Sprachlabels definiert werden:

<?php
<pre>
$LOCAL_LANG = Array (
'default' => Array (
...
'hfwupersonal.pi_flexform.sheetSelections' => 'Selections',
'hfwupersonal.pi_flexform.sheetDynamics' => 'Dynamic Selections',
'hfwupersonal.pi_flexform.exampleDate.label' => 'Date',
...
),
'de' => Array (
...
'hfwupersonal.pi_flexform.sheetSelections' => 'Statische Auswahlfelder',
'hfwupersonal.pi_flexform.sheetDynamics' => 'Dynamische Auswahlfelder',
'hfwupersonal.pi_flexform.exampleDate.label' => 'Datum',
...
),
);
?>

</pre>

== Auf Flexform-Daten zugreifen ==
Um die Daten aus dem Flexform zu verarbeiten nutzen wir Funktionen der '''tslib_pibase'''. Die Daten befinden sich als '''XML-String''' in

''$this->cObj->data['pi_flexform']''
Um den Zugriff zu vereinfachen gibt es eine Funktion die den Inhalt in ein Array rendert:

$this->pi_initPIflexForm();

jetzt steht ein Array in $this->cObj->data['pi_flexform'] zur Verfügung. Darauf könnte man jetzt schon gut zugreifen. Besonders leicht geht es aber mit der Funktion:

function pi_getFFvalue($T3FlexForm_array,$fieldName,$sheet='sDEF,$lang='lDEF',$value='vDEF');

Beispiel:

$myName = $this->pi_getFFvalue($this->cObj->data['pi_flexform'], 'inputName');

In diesem Fall wäre ''$sheet'',''$lang'' und ''$value'' mit den Defaultwerten benannt (siehe XML-Beispiel), deshalb müssen Sie nicht übergeben werden.

Typo3 - Tipps und Tricks

2007-10-25T07:12:39Z

91.32.41.106: /* TYPO3 CSS-Datei einbinden */

mehr auf [[Typo3 - TS Templates]]
und: [[Typo3 - Wichtige TypoScript Einstellungen]]
== Ausgabe aus der locallang_tca.xml Datei mit TypoScript verändern ==
'''Beispiel:'''
plugin.tt_news._LOCAL_LANG.de.latestHeader = Aktuelles

==Mit TS auf die Datenbank zugreifen==
temp.veranstaltungstitel=TEXT
temp.veranstaltungstitel.data = DB:tabelle:uid:feldname

die uid kannst Du Dir aus der Url auslesen, z.B.

temp.veranstaltungstitel=TEXT
temp.veranstaltungstitel.data = DB:tt_news:{GPvar:tx_ttnews|tt_news}:title

== Zeichensatz ==
===Sonderzeichen wie Kaufmannsund wird nicht korrekt umgesetzt===
stdWrap.htmlSpecialChars = 1

== Rendering von Content Elementen und HTML ==
weitere Infos unter:

[[Typo3 - Content Elemente anpassen]]

=== Daten im Header <head> ===

==== Daten einfügen ====
Beispiel:

<pre>
### Header-Data ###
page.headerData{
90 = COA
90{
50 = TEXT

50.value (
<style type="text/css" media="all">
@import "/fileadmin/templates/multiMenu/multimenu.css";

</style>


<script type="text/javascript" >
function init(){
activateMenu('nav');
/* activateMenu('vertnav');*/
}
</script>

<script src="/fileadmin/templates/multiMenu/multimenu.js"
type="text/javascript">
</script>


)
}
}
</pre>

=== Datum einfügen ===
z.B. als Marker im Template und dann im TS-Setup so:

### datum ###
marks.DATE = COA_INT
marks.DATE {
10 = TEXT
10.data = date:U
10.strftime = %A, %d.%m.%Y
10.wrap = <span class="mini"> | </span>
}

=== Neuste Inhalte anzeigen ===
Quelle: http://typo3.umloud.dk/index.php?id=360 22.5.2006

<pre>
This shows the content elements in the normal column of the page last created/edited.

Note: "tstamp" ONLY get changed/set when you create a new page, or edit the page header NOT when you insert a content element on a page..

lib.newestContent = COA
lib.newestContent {
# First we collect the uids on all levels of the site

# Gets the uids on 1st level
10 = LOAD_REGISTER
10.level1uids.cObject = CONTENT
10.level1uids.cObject {
table = pages
select.pidInList.data = leveluid:0
renderObj = TEXT
renderObj.field = uid
renderObj.wrap = |,
}

# Gets the uids on 2nd level
20 = LOAD_REGISTER
20.level2uids.cObject = CONTENT
20.level2uids.cObject {
table = pages
select.pidInList.cObject = TEXT
select.pidInList.cObject.data = register:level1uids
renderObj = TEXT
renderObj.field = uid
renderObj.wrap = |,
}

# Gets the uids on 3rd level
30 = LOAD_REGISTER
30.level3uids.cObject = CONTENT
30.level3uids.cObject {
table = pages
select.pidInList.cObject = TEXT
select.pidInList.cObject.data = register:level2uids
renderObj = TEXT
renderObj.field = uid
renderObj.wrap = |,
}

# Gets the uids on 4th level
40 = LOAD_REGISTER
40.level4uids.cObject = CONTENT
40.level4uids.cObject {
table = pages
select.pidInList.cObject = TEXT
select.pidInList.cObject.data = register:level3uids
renderObj = TEXT
renderObj.field = uid
renderObj.wrap = |,
}

# Gets the uids on 5th level
50 = LOAD_REGISTER
50.level5uids.cObject = CONTENT
50.level5uids.cObject {
table = pages
select.pidInList.cObject = TEXT
select.pidInList.cObject.data = register:level4uids
renderObj = TEXT
renderObj.field = uid
renderObj.wrap = |,
}

# Gets the uids on 6th level
60 = LOAD_REGISTER
60.level5uids.cObject = CONTENT
60.level5uids.cObject {
table = pages
select.pidInList.cObject = TEXT
select.pidInList.cObject.data = register:level5uids
renderObj = TEXT
renderObj.field = uid
renderObj.wrap = |,
}

# next we combine all of them into one list of uids
70 = LOAD_REGISTER
70.alluids.cObject = COA
70.alluids.cObject {
10 = TEXT
10.data = register:level1uids

20 = TEXT
20.data = register:level2uids

30 = TEXT
30.data = register:level3uids

40 = TEXT
40.data = register:level4uids

50 = TEXT
50.data = register:level5uids

60 = TEXT
60.data = register:level6uids

70 = TEXT
70.data = leveluid:0
}

# Test output
#75 = TEXT
#75.data = register:alluids
#75.wrap = [|]<br>

# More Testoutput
80 = CONTENT
80 {
table = pages
select {
pidInList.data = register:alluids
orderBy = tstamp DESC
max = 1
}
renderObj = COA
renderObj {
10 = TEXT
10.field = title
10.wrap = The newest page is: <b>|</b> 
20 = TEXT
20.field = tstamp
20.strftime = %d-%b-%Y %H:%M:%S
20.wrap = which was last edited: |<br>
}
}

# And the final output of the content elements
90 = COA
90 {
wrap = And here are the content in the normal column of that page:<hr>|<hr>
10 = CONTENT
10 {
table = tt_content
select {
orderBy = sorting
where = colPos=0
languageField = sys_language_uid
pidInList.cObject = CONTENT
pidInList.cObject {
table = pages
select {
pidInList.data = register:alluids
orderBy = tstamp DESC
max = 1
}
renderObj = TEXT
renderObj.field = uid
}
}
}
}
}

</pre>

=== Einstellungen für Bilder ===
Größe (maximal, minimal, Popups, Skalierung, Bildunterschriften...)
====Border Attribut loswerden====
config.config.disableImgBorderAttr = 1

Wichtig wenn man mit CSS arbeiten möchte.

=== Link to Top ===

=== Darstellung von Tabellen ===
Betrifft hauptsächlich das static Template content(default)

=== clear.gif und Absätze loswerden ===
content(default)
# Entfernen der <img src="clear.gif' ...>
content.headerSpace = 0|0
content.space = 0|0

=== body tag ===

Im Page Objekt kann man das REndering des body tag beeinflussen:

page.bodyTag = <body>

=== externe Links ===
_self oder _blank, aussehen...
styles.content.links.extTarget (bei css_styled_content)

=== Links und Sitemap ===
Die Links einer eingebundenen Sitemap sind standardmäßig auf den Wert 'page' eingestellt (Typo 3.8). Das macht nur bei Framesets Sinn.

Die relevanten Setup-Werte die man ändern muß (je nach ausgewählter Sitemap):
tt_content.menu.20.1.1.target = _self
tt_content.menu.20.2. [...]

=== Listenpunkte und Aufzählungen ===

=== Layoutauswahl ===
siehe [[Typo3 - Rahmen (Frames)]] für Rahmen

und [[Typo3 - Backend anpassen]] für Header (Überschriften)

=== Inline CSS loswerden ===
Bei vielen Extensions und bei CSS Styled ImgText liegt das CSS Inline. Besser wäre ist es das CSS komplett in eigene Dateien auszulagern.

# Inline Styles auslagern
config.inlineStyle2TempFile = true

=== JavaScript in externe Datei auslagern ===
Z.B. der kleine JavaScript Schnipsel für das Blur im IE auslagern.
Wie bindet man externes JavaScript ein...

siehe unter
[[Typo3 - HTML Code optimieren]]

eine gute Beispielanwendung:

[[Typo3 - CSS-Flyout Menü]]

weitere Anwendungen:

- Ajax Gallery auf baum-und-garten.de

=== Ausgabe einer Spalte Wrappen ===
'''Beispiel:'''
<pre>
#Inhalt rechts
subparts.CONTENT_RIGHT < styles.content.getRight
#Ganze Spalte Wrappen
subparts.CONTENT_RIGHT.wrap = <div class="content_right"> | </div>
#Einzelnes Element Wrappen
subparts.CONTENT_RIGHT.renderObj.stdWrap.wrap=<div class="bordered">|</div>
</pre>
=== Ausgabe einer Spalte Wrappen wenn nicht leer ===
Hier wird das content element nur mit einem div gewrapt wenn es nicht leer ist
<pre>
temp.rightContent < styles.content.getRight
temp.rightContent.stdWrap {
wrap = <div id="right-main"> | </div>
if.isTrue.numRows < styles.content.getRight
}
</pre>
(TypoWizard.com 9.1.2006)

===p style="margin:0 0 0 0;" aus dem p-Tag rausnehmen===

tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes.P.style=

== Backend anpassen ==
=== Email Empfänger im Inhaltstyp Formular wird nicht angezeigt ===
Damit die User den Inhaltstyp Formular nutzen können müssen Sie die E-Mail Empfänger Adresse eingeben. Das Funktioniert dann, wenn in den Rechten das Feld ''Seiteninhalt > Untertitel freigegeben'' ist. Nicht leicht zu finden...
=== Content element wizard ändern ===
aus http://krungkuene.org/krung/wiki/Typo3.html 18.5.2006

Dafür erweitere die php-Klasse SC_db_new_content_el und speichere diese datei unter typo3conf/ux_SC_db_new_content_el.php

<code>
<?php
class ux_SC_db_new_content_el extends SC_db_new_content_el {

// Modify the Wizard Array, which holds the values shown at create new
//record page:
function wizardArray() {
global $LANG,$TBE_MODULES_EXT;

$wizardItems = array(
"common" => array("header"=>"Typical page content"),

'common_1' => array(
"icon"=>'../typo3conf/hos/intext_left_wi.gif',
'title'=>'Text with Image to the left',
'description'=>'A regular text element which contains a image positioned left to the text',
'params'=>'&defVals[tt_content][CType]=textpic&defVals[tt_content][imageorient]=26&defVals[tt_content][imagewidth]=80',
),

"common_2" => array(
"icon"=>'../typo3conf/hos/fdfx_2cols.gif',
"title"=>'Two Column Text',
"description"=>'A Text with two Column',
'params'=>'&defVals[tt_content][CType]=fdfx_2cols_pi1'
),

'common_3' => array(
"icon"=>'../typo3conf/hos/intext_right_wi.gif',
'title'=>'Text with big Image to the right',
'description'=>'A regular text element which contains a image positioned right to the text',
'params'=>'&defVals[tt_content][CType]=textpic&defVals[tt_content][imageorient]=25&defVals[tt_content][imagewidth]=480',
'tt_content_defValues' => array(
'CType' => 'textpic',
'imageorient' => 25,
'imagewidth' => 480,
)
),

);

return $wizardItems;
}
}
?>
</code>

Um das ganze auch zu verwenden, mache diesen Eintrag in typo3conf/localconf.php

$TYPO3_CONF_VARS["BE"]["XCLASS"]["ext/cms/layout/db_new_content_el.php"] = PATH_typo3conf."class.ux_db_new_content_el.php";

=== Login Bild im Backend anpassen ===

Quelle: http://www.allanime.org/?id=143

'''Introduction'''

The TYPO3 backend login displays a nice image left of the actual username/password login box. Currently an image of a pair of gloves is used. If you happen to install the CVS version of TYPO3 the image will differ from what you're used to see. I remember a yellow flower in older versions (3.6) of TYPO3 an image that is still present in /typo3/gfx/ named loginbox_image_360.jpg. What's happening there?

TYPO3 has a very cute feature which changes the login box image on certain circumstances. The code is actually in /typo3/index.php. Browsing this code I found another great feature: TYPO3 is also able to „rotate“ images given in a certain directory! All you have to do is, point TYPO3 to this directory. TYPO3 will load all image files in this directory and display a random image.

The way to show TYPO3 this directory is by setting the variable $TBE_STYLES['loginBoxImage_rotationFolder'] = path_to_dir/

Unfortunately there is no way to to so without some programming. The TYPO3 init script explicitly deletes the whole array before initializing the backend. The only way to set variables is by creating an extension.

This super-short Mini-howto will tell you how to set up this wonderful feature in 5 easy steps. I will assume you have access to your webserver by FTP and can create directories and upload files by FTP.

'''This is a short overview how it works:'''
# Set up a folder with images
# Create an extension
# Add 1 line to this extension and point TYPO3 to your image directory
# Install extension

'''Setting Up the Image Folder'''

First you have to prepare the images. One image is fine but of course the more the better. The original images are 200x133 pixel in size, I suggest you create some cute images of the same size but it's not necessary. Allowed are png, jpg and gif images.

Log on to your website using your favorite FTP tool. You can also set up a TYPO3 filemount to do the same.

Go to the directory typo3conf/

Create a new empty directory 'logonimages'. (Without quotes)

Copy the prepared images to this folder.

Create the Extension

Click images to enlarge. Image count from top to bottom.

„What? I never created an extension! I can never do this!“ - if that's what you say you're wrong. You can follow detailed instructions – and all we have to write is one single line of code – which you can as well copy from this document if you used the directory from the last step.

Log on to the TYPO3 backend as administrator. Ignore the ugly log on image <(^.^)>

In the Tool menu use „Ext Manager.“ Of course you need to have this module installed. Showing you how to install extensions from the TER (TYPO Extension Repository) is not goal of this Mini-HOWTO.

Chose the item „Make new extension“ from the dropdown menu.

In the field "Enter Extension key" you type "user_enhancelogin". Then click on the button "Update."

Click on the plus symbol next to the line saying „General Info.“ Fill the form like shown in image . Don't forget to hit the "Update" button!
[[Bild:ExtensionKickstarter01.jpg]]

In the menu to the left click on the plus symbol next to „Extend existing tables.“ You do not need to type something there. It's just done to create the empty framework for our single line of code.

At the bottom left of the content frame there is a button now saying „View Result.“ Click it. The result will look like that in image [4]. One really, really important note: Before proceeding you need to make sure in the location dropdown "LOCAL" is chosen! If you fail to do so, your extension might show up for all installations and - if installed -might yield in unexpected results.

Now click the "WRITE" button and the raw empty extension is created.

That wasn't too complicated, was it?

Programming

As a result of the last step, a basic framework of extension has been written to the directory /typo3conf/ext/user_enhancelogin/

Now to the programming. Log on to your website using FTP and edit the following file:

typo3conf/user_enhancelogin/ext_tables.php

There are different ways to do this. Most advanced FTP programs have an "edit" button. Please refer to your FTP program's documentation.

Now this is what ext_tables.php should look like. As you can see there is only one line added.

<?php
if (!defined('TYPO3_MODE')) die('Access denied.')
$GLOBALS['TBE_STYLES']['loginBoxImage_rotationFolder'] =
'../typo3conf/logonimages';
?>

Installing the Extension

After saving the extension there should be a success message and a link to install your new extension. Click it.

In the menu to the left please click the link „Clear temp_CACHED.“ In case you ever wondered what this link is for – this it is.

Log out of the TYPO3 backend and test the setup. If you followed the instructions of this manual you should now see your prepared images instead of the glove.

== Suche ==
===Index-Suche – kein eigenes Fenster öffnen===
'''Constants'''
styles.content.searchresult.resultTarget = _self
styles.content.searchresult.target = _self

== Domains anlegen ==
Todo...
== Rootline Navigation ==
Ein Beispiel bei dem zusätzlich Englisch (L=1) berücksichtigt wird.

<pre>
temp.rootline_html= HMENU
temp.rootline_html.special = rootline
temp.rootline_html.special.range = 0|-1
temp.rootline_html.1 = TMENU
temp.rootline_html.1 {
wrap = Sie sind hier: |
# evt. bestimte Seiten ausblenden...
excludeUidList =
# Sprache mit der ID 1 (Englisch)
target = _top
NO {
linkWrap= <span class="pathway">|</span>
# optionSplit: vor erstem item kein delimiter, sonst immer einer
allWrap = | |*| > | |*|
ATagBeforeWrap = 0
}
}

# Wrap für Englisch
[globalVar = GP:L = 1]
temp.rootline_html.1.wrap = You are here: |
[global]
</pre>

== Mehrsprachigkeit ==
So baut man mehrsprachige Seiten in Typo3:

[[Typo3 - Mehrsprachige Seiten]]

[[Typo3 - Mehrsprachige Navigation]]

== Spracheinstellungen ==

== HTML-Template einbinden ==
siehe auch: [[Typo3 - HTML-Templates]]
Beispiel (das page Objekt muß natürlich vorher definiert werden):

Im TS Template Setup:

<pre>
page.10 = TEMPLATE
page.10{
template = FILE
template.file = fileadmin/templates/main.html

### Subparts ansprechen ###
workOnSubpart = DOCUMENT_BODY

# Rootline (Pathway) einfügen ###
subparts.ROOTLINE < temp.rootline_html

# Hauptinhalt
subparts.CONTENT < layoutWrap
subparts.CONTENT.wrap = <div class="content"> | </div>

#Inhalt rechts
subparts.CONTENT_RIGHT < styles.content.getRight
subparts.CONTENT_RIGHT.wrap = <div class="content"> | </div>

# Rand bzw. Header
subparts.HEADER < styles.content.getBorder
subparts.HEADER <div class="header"> | </div>
# subparts.HEADER < temp.flashHeader

### Hauptnavigation ###
subparts.NAVI_LINKS < temp.navi_gLayer

### rechte Navi ###
subparts.NAVI_RECHTS <temp.naviGRight

}
</pre>

== Einstellungen für das Page Objekt ==

== Verschiedene Einstellungen ==
=== statische Seiten Simulieren ===
Statische Seiten simulieren
config.simulateStaticDocuments = PATH_INFO
config.simulateStaticDocuments_addTitle = 30
config.simulateStaticDocuments = 1
config.admPanel = 1
config.simulateStaticDocuments_noTypeIfNoTitle = 1

.htaccess Datei für Apache Server nicht vergessen (muß nur unbenannt werden)

=== Einstellungen für das Admin Panel ===

===Email===

==== Spamschutz für Email Adressen ====
config.spamProtectEmailAddresses = 1
config.spamProtectEmailAddresses_atSubst = (at)

==== Absender-Adresse der Formular Mails ====
Wenn ein Email Feld angegegen wird dann kann man die '''E-Mail Adresse als Absender''' angeben:
Name | *name= input
Email-Adresse |*email=input
Wichtig ist, daß das Feld ''email'' heißt.

Feste Absenderadresse:
??

'''Antwort an:'''
| from_name=hidden | HfWU Mailer
| from_email=hidden | stephan.schlegel@hfwu.de

====E-Mail-Absender für automatische E-Mails z.B. über Kontaktformular====
E-Mail-Adresse
plugin.feadmin.dmailsubscription.email = info(at)easy-office4you.de
E-Mail-Name
plugin.feadmin.dmailsubscription.emailName = Barbara Hofbauer

== Typo3 RTE - Einstellungen ==
=== Nach Update auf IE7 wird kein RTE mehr angezeigt ===
In den älteren Typo3 Versionen wird der Internet Explorer 7 nicht erkannt. Folgende Änderung im Code vornehmen dann wird auch IE7 erkannt.

[typo3/t3lib/class.t3lib_div.php -> function clientInfo()]

..
} elseif (strstr($useragent,"MSIE 4") || strstr($useragent,"MSIE 5") ||
strstr($useragent,"MSIE 6")) {
$bInfo["BROWSER"]= "msie";
..

wird erweitert zu:

..
} elseif (strstr($useragent,"MSIE 4") || strstr($useragent,"MSIE 5") ||
strstr($useragent,"MSIE 6") || strstr($useragent,"MSIE 7")) {
$bInfo["BROWSER"]= "msie";
..

===RTE Absatz Formatierung einstellen===
lib.parseFunc_RTE {
nonTypoTagStdWrap.encapsLines.nonWrappedTag >
nonTypoTagStdWrap.encapsLines.wrapNonWrappedLines = | </br>
}

===HTML-Area (htmlarea) statt RTE===
Mit der Extension htmlarea kann man den RTE ersetzen. Er bietet einiges mehr an Bearbeitungsfunktionen (wenn man die denn will) aber vor allem läuft er auch auf Mozilla, Firefox, etc. Browsern.

==htmlarea anpassen==
Die Möglichkeiten des htmlarea Editors sind oft zuviel des Guten. Die meisten Anpassungen des RTE funktionieren auch im htmlarea. Beispiele:

Minimale Funktionalität

Im Page Setup:
<pre>
RTE.default {
## Toolbar options applicable to all RTE's
## The TCA configuration may add buttons to the toolbar
showButtons = bold,italic,undo,redo,about
}
</pre>
## front end RTE configuration for the general public (htmlArea RTE only)
RTE.default.FE < RTE.default

== Header Image austauschen ==
[[Typo3 - Header Image austauschen]]

== Schnipsel von http://dokuwiki.intersolution.ch/linux/typo3/typoscript ==
=== Typoscript ===

===== Template erstellen =====

<code>
# Cachetime nur zu Testzwecken auf 10 Sekunden setzen!!!
config.cache_period = 10
# page Objekt erstellen und Werte zuweisen...
page = PAGE
page {
typeNum = 0
bodyTag = <body bgcolor="#FFFFFF" topmargin="0" leftmargin="0">
meta.AUTHOR = Bruno Staub
meta.DESCRIPTION = Beschreibung der Homepage
stylesheet = fileadmin/styles.css

# Designvorlage integrieren
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/vorlage.html
10.workOnSubpart = DOKUMENT
10.marks.DATUM = TEXT
# Datumsausgabe 05.12.2005 - 17:59:10
10.marks.DATUM.data = date : d.m.Y - H:i:s
}
</code>

===== Code Schnipplets =====

<code>
# SEITENTITEL ist ein Platzhalter vom HTML TEMPLATE
# aktueller Seitentitel wird aus pages Tabelle ausgelesen
# wrap umwickelt den Seitentitel fett (Pipe-Symbol erforderlich!)
10.marks.SEITENTITEL = TEXT
10.marks.SEITENTITEL.field = title
10.marks.SEITENTITEL.wrap = <b>|</b>
</code>

<code>
# x explizite Abrage eines Wertes einer x beliebigen Tabelle (Datensatz ID=1)
10.marks.SEITENTITEL = TEXT
10.marks.SEITENTITEL.data = DB:pages:1:title
</code>

<code>
# GET- und POST-Variablen abragen
# http://www.intersolution.ch/index.php?id=0&test=Abfragetext
# Falls der Parameter leer ist wird der Seitentitel ausgegeben
10.marks.SEITENTITEL = TEXT
10.marks.SEITENTITEL.data = GPvar : test // field : title
</code>

<code>
# Bereich marks wird ausgeklammert, dies ermöglicht eine bessere Übersicht
# das Logo wird eingelesen und in der Grössen angepasst und unter typo3temp/pics/ mit kryptischem Namen abgelegt
# typo3temp/pics/ erhält nach jeder grössenänderung ein neues Bild, Abhilfe löschen per ftp und Cache löschen!!!
10.marks {
LOGO = IMAGE
LOGO.file = fileadmin/images/logo.jpg
LOGO.file.width = 178
}
</code>

<code>
# LOGO dynamisch generieren für Beispielsweise Dummy Trailer Balken
# LOGO Grafik logo.jpg wird über den Dummy Balken gelegt, Ebenenreihenfolge Beachten (10,20,30...)
10.marks {
LOGO = IMAGE
LOGO.file = GIFBUILDER
LOGO.file.XY = 759, 99
LOGO.file.backColor = #697DEE
LOGO.file.10 = fileadmin/images/logo.jpg
LOGO.file.10.file = 178
}
</code>

<code>
# Text dynamisch generieren mit GIFBUILDER (Wichtig: Eigenschaft .text und nicht .value verwenden!)
MEINTEXT.20 = TEXT
MEINTEXT.20.text = Hallo Welt
</code>

===== CSS styled content =====

- über den extension Manager System "CSS Styled Content" installieren und unter "include static" from extension
auf Templateebene zuweisen!

CSS styled content gehört zu den System-Extensions. Gehen Sie deshalb in das Verzeichnis \dummy-3.8.0\typo3\sysext\css_styled_content\css\. Dort finden Sie zwei Beispieldateien: example.css und example_outline.css. Die Stylesheets enthalten Formatierungen für alle in TYPO3 enthaltenen Content-Objekte wie Überschriften, Absätze, Listen, Formulare, Sitemap.

Öffnen Sie eine der Dateien und editieren Sie sie nach Ihren Layout-Vorstellungen. Speichern Sie Ihr bearbeitetes Stylesheet unter einem beliebigen Namen in Ihrem Template-Ordner im Fileadmin ab (\dummy-3.8.0\fileadmin\template\).

Anschliessend weisen Sie im Page Template folgenden Code zu:

<code>
config {
doctype = xhtml_trans
doctypeSwitch=1
}
page = PAGE
page {
typeNum = 0
bodyTag = <body>
stylesheet = fileadmin/template/mein_stylesheet.css
}
page.20 = TEMPLATE
page.20 {
template = FILE
template.file = fileadmin/template/mein_template.htm
workOnSubpart = DOCUMENT_BODY
}
</code>

Möchten Sie mehr als eine Stylesheet-Datei einbinden, benötigen Sie folgende TypoScript Anweisung im Setup:

<code>
page = PAGE
page {
typeNum = 0
bodyTag = <body>
includeCSS {
file1 = fileadmin/template/style_1.css
file2 = fileadmin/template/style_2.css
}
}
</code>

===== Konfiguration automaketemplate =====

Setup:

<code>
plugin.tx_automaketemplate_pi1 {
content < plugin.tx_rlmptmplselector_pi1
elements {
BODY.all = 1
BODY.all.subpartMarker = DOCUMENT_BODY
HEAD.all = 1
HEAD.all.subpartMarker = DOCUMENT_HEADER
HEAD.rmTagSections = title
TD.all = 1
DIV.all = 1
}
relPathPrefix = fileadmin/templates/main/
}

temp.contentAreaTemplate = TEMPLATE
temp.contentAreaTemplate {

template =< plugin.tx_automaketemplate_pi1

// Modify the template selector config: This is a sub template!
template.content.templateType = sub

workOnSubpart = DOCUMENT_BODY
subparts.CONTENT < styles.content.get
subparts.RCONTENT < styles.content.getRight
subparts.LCONTENT < styles.content.getLeft
subparts.BORDER < styles.content.getBorder
}

temp.mainTemplate = TEMPLATE
temp.mainTemplate {
template =< plugin.tx_automaketemplate_pi1
template.content.templateType = main

workOnSubpart = DOCUMENT_BODY
subparts.content < temp.contentAreaTemplate

# subparts.content = CONTENT
# subparts.content < styles.content.get
}

temp.headTemplate = TEMPLATE
temp.headTemplate {
template =< plugin.tx_automaketemplate_pi1
workOnSubpart = DOCUMENT_HEADER
}

page = PAGE
#page.config.incT3Lib_htmlmail = 1
page {
typeNum = 0
bodyTag = <body>
includeCSS {
# file1 = fileadmin/templates/main/res/layout.css
# file2 = fileadmin/templates/main/res/content.css
}
10 < temp.mainTemplate
headerData.10 < temp.headTemplate
}

</code>

===== Container zentrieren =====
ToDo: gehört in CSS

Negative Margin:

<code>
body {margin:0px; padding:0px;}
#container-zentrieren {
position:absolute;
left:50%;
width:500px;
margin-top:266px;
margin-left:-300px;
padding:20px;
border:1px dashed #FF0000;
background-color:#e1e1e1e;
}

</code>

Auto-width Margins:

<code>
body {
margin:20px 0px; padding:0px;
text-align:center;
}

#container-zentrieren {
width:600px;
margin:0px auto;
text-align:left;
padding:20px;
border:1px dashed #FF0000;
background-color:#e1e1e1e;
}

</code>
- ggfl. die Maße anpassen

===== Absatz im Menü =====

Den Seitentyp "Abstand" wählen und im Seitentitel "& n b s p ;" eingetragen.

Im TypoScript den SPACE (SPC) definieren und im CSS formatieren.

Setup:

<code>
1 = HMENU
1.1 = TMENU
1.1 {
expAll = 0
wrap = <ul>|</ul>
NO {
linkWrap = <li>|</li>
}
ACT = 1
ACT {
linkWrap = <li>|</li>
}
SPC = 1
SPC {
linkWrap = <li>|</li>
}
}
1.2 = TMENU
1.2 {
expAll = 0
wrap = <ul>|</ul>
NO {
linkWrap = <li>|</li>
}
ACT = 1
ACT {
linkWrap = <li>|</li>
}
SPC = 1
SPC {
linkWrap = <li>|</li>
}
}
</code>

===== Ankerpunkt für einen internen Link anlegen =====

Ein Seitenlelement vom Typ "interner Link" (Shortcut) anlegen, im Pagebrowser den kleinen Pfeil hinter der Seite klicken und das entsprechende Contentelement auswählen.

===== Konfiguration AWStats =====

Logfile Konfiguration bearbeiten:
awstats_log.txt: www.it-bo.com,it-bo.com

localconf.php:
$TYPO3_CONF_VARS["FE"]["logfile_dir"] = "fileadmin/log/";

Setup:
<code>
#Konfiguration AWStats
config.stat = 1
config.stat_apache = 1
config.stat_apache_logfile = awstats.txt
config.stat_excludeBEuserHits = 1
config.stat_mysql = 1
config.stat_typeNumList = 0,1,98
</code>

Konfigurationsdatei AWStats
cc_awstats/awstats/awstats.conf

AWSTATS automatisieren

http://jweiland.net/typo3cms/howto/awstats/

http://www.typo3wizard.com/de/snippets/general-config/zaehlen-von-dateidownloads-mit-hilfe-von-awstats.html

===== Browsers page title einbinden =====

Setup:

<code>
# Including the class and calling the function
includeLibs.tx_browserpagetitle = typo3conf/ext/browser_page_title/class.tx_browserpagetitle.php
config.titleTagFunction = tx_browserpagetitle->getTitle

# Default language parameters
plugin.browser_page_title {
defaultTitle = IT-Bo - TYPO3 CMS Website DAM Digital Asset Management SEO Reichweitensteigerung Marketing Schulung Hilfe Support - {title}
currentTitle = IT-Bo - TYPO3 - {tx_browserpagetitle_browser_title}
}

# Alternative language parameters
# [globalVar=GP:L=1]
# plugin.browser_page_title.defaultTitle = IT-Bo - TYPO3 CMS Website DAM Digital Asset Management SEO Reichweitensteigerung Marketing Schulung Hilfe Support - {title}
# plugin.browser_page_title.currentTitle = IT-Bo - TYPO3 - {tx_browserpagetitle_browser_title}
# [global]

</code>

===== Content auf allen Seiten einbinden =====

Setup:

<code>
# Content auf allen Seiten einbinden
CONTENT = CONTENT
CONTENT >
CONTENT = RECORDS
CONTENT.tables = tt_content
CONTENT.source = 200
</code>

===== Contentelmente (entfernen) =====

header - Überschrift

text - Text

textpic - Text m/Bild

image - Bild

bullets - Punktliste

table - Tabelle

uploads - Dateilinks

multimedia - Multimedia

mailform - Formular

search - Suchen

login - Login

menu - Menü/Sitemap

shortcut - Datensatz einfügen

list - Plugin einfügen

html - HTML

script - Skript

splash - Textbox

div - Trenner

<code>
# Contentelemente entfernen TSconfig
TCEFORM.tt_content.CType {
removeItems = header,bullets
}
</code>

===== Seitentypen =====

1 - Standard
2 - Erweitert
3 - Externe URL
4 - Shortcut
5 - Nicht im Menü
6 - Backend Benutzer Bereich
7 - Mount Seite
--div-- - Spacer
199 - Abstand
254 - SysOrdner
255 - Papierkorb

<code>
# Seitentypen entfernen TSconfig
TCEFORM.pages.doktype {
removeItems = 3,5
}
</code>

===== favicon einbinden =====

setup:

<code>
shortcutIcon = fileadmin/favicon.ico

#favicon setup (alternativ):
headerData.1 = TEXT
headerData.1.value = < link rel="shortcut icon" type="image/x-icon" href="fileadmin/favicon.ico" / >
</code>

===== TYPO3 CSS-Datei einbinden =====

Setup:

<code>
# TYPO3 CSS-Datei einbinden
page {
includeCSS {
file1 = fileadmin/templates/main/res/layout.css
file2 = fileadmin/templates/main/res/content.css
file3 = fileadmin/templates/news/tt_news.css
}
}
</code>

=== TypoScript aus externer Datei einbinden ===

aus: http://www.rainer-grundel.de/wissensdb/typo3/allgemein/artikel/article/typoscript_ueber_externe_datei_einbinden.html

Datum des Zugriffs: 25.10.2007

Wenn man mehrer Typo3 Projekte betreut kommt man irgendwann an den Punkt an dem man TS Konfigurationen immer wieder verwendet. Durch das Auslagern der Konfiguration und dem Wiederbenutzen lässt sich viel Zeit und Aufwand sparen.

Durch das Auslagern von oft gebrauchten TS-Konfigurationen und dem Wiederverwenden in weiteren Typo3 Projekten lässt sich viel Zeit sparen. Insbesondere beim Updaten kann das Auslagern des TS in eine externe Datei Vorteile mit sich bringen. Das Einbinden von externem TS funktioniert bei Templates, TSconfig von Seiten und dem Tsconfig von Benutzern bzw. Benutzergruppen. Eingebunden werden externe Scriptdateien über folgendes TS:

<INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/scriptdatei.txt">

Wichtig

Folgendes ist beim Einbau der externen Datei zu beachten:

* Im Template muss das Include in einer eigenen Zeile stehen, sonst wird es nicht erkannt.
* Das Include wird vor dem Parsen des TS ausgeführt und funktioniert nicht mit Conditions und Verschachtelungen.
* Die Dateigröße darf nicht größer als 100KB sein.
* Die URL der Datei muss ausgehend von PATH_side sein, darf also kein ".." enthalten.

===== Ausschalten der CSS-Formatierung im Seitenkopf der HTML-Datei =====

Setup:

<code>
# Ausschalten der CSS-Formatierung im Seitenkopf der HTML-Datei
#plugin.tx_cssstyledimgtext._CSS_DEFAULT_STYLE =
#plugin.tx_croncssstyledimgtext._CSS_DEFAULT_STYLE =
#plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE >
plugin.tx_formwidgets_pi1._CSS_DEFAULT_STYLE >
plugin.tx_damdownloads_pi1._CSS_DEFAULT_STYLE >
plugin.tx-sgglossary-pi1._CSS_DEFAULT_STYLE >
#plugin.tx_jphcodesnippets_pi._CSS_DEFAULT_STYLE >
plugin.tt_news._CSS_DEFAULT_STYLE >
</code>

CSS auslagern

Setup:
<code>
# CSS auslagern
inlineStyle2TempFile = 1
</code>

===== TCEFORM tt_content content header layout altLabels =====

<code>
#TSconfig:
TCEFORM.tt_content.header_layout.altLabels.1 = Überschrift 1
TCEFORM.tt_content.header_layout.altLabels.2 = Überschrift 2
TCEFORM.tt_content.header_layout.altLabels.3 = Überschrift 3
TCEFORM.tt_content.header_layout.altLabels.4 = Überschrift 4
TCEFORM.tt_content.header_layout.altLabels.5 = Überschrift 5
TCEFORM.tt_content.header_layout.altLabels.6 = Überschrift 6
#TCEFORM.tt_content.header_layout.removeItems = 3,4,5
</code>

===== Image Rotation (ric_rotation) Konfiguration =====

# Setup: Image Rotation (ric_rotation)

<code>
plugin.tx_ricrotation_pi1 {
# parser (dont change this)
parser < tt_content.text.20.parseFunc

# template for plugin
templateFile = EXT:ric_rotation/pi1/template.htm

# list of page ids where the banners should be taken from ( comma seperated f.E.: 1,5,7)
pidList =

# levels of recoursion to search for banners
recursive = 0

# show banners with this attribute, options are: top, left, bottom, right
placement = top

#mode to show banners, options are: all, random
mode = all

# how many banner maximum
results_at_a_time = 100

# image preconfig
image {
file.maxW = 492
#file.params = -quality 90 // activate to force quality 90
#file.ext = jpg // activate to force jpg
}
}
</code>

===== Konfiguration Indexed Search =====

Constants:

<code>
#Suche Indexed Search
plugin.tx_indexedsearch {
search.rootPidList = 1
show.rules = 0
}
</code>

Setup:

<code>
#Indexierung
config.index_enable = 1
config.index_externals = 1
</code>

===== Konfiguration Macina Searchbox =====

Setup:

<code>
#Konfiguration Macina Searchbox
plugin.tx_macinasearchbox_pi1 {
pidSearchpage = 1
templateFile = fileadmin/it-bo/macina-searchbox.html
}
</code>

Macina Searchbox einbinden

Setup:

<code>
#Macina Searchbox einbinden
SUCHE >
SUCHE < plugin.tx_macinasearchbox_pi1
</code>

===== Javascript auslagern =====

Setup:

<code>
# Javascript auslagern
removeDefaultJS = external
</code>

===== MOC Fileshare manager, moc_filemanager =====

# Constants: MOC Fileshare manager, moc_filemanager
<code>
plugin.tx_mocfilemanager_pi2.documentRoot = fileadmin
plugin.tx_mocfilemanager_pi2.useOwnIcons = 0
plugin.tx_mocfilemanager_pi2.limitNewest = 5
plugin.tx_mocfilemanager_pi2.ShowFilesPID = 123

#plugin.tx_mocfilemanager_pi1.mountWrap = |
#plugin.tx_mocfilemanager_pi1.parentDirStyle = 1
#plugin.tx_mocfilemanager_pi1.showParentDir = 1
plugin.tx_mocfilemanager_pi1.documentRoot = fileadmin
#plugin.tx_mocfilemanager_pi1.disableMkdir = 1
#plugin.tx_mocfilemanager_pi1.ApacheChildKill = 1
#plugin.tx_mocfilemanager_pi1.timeLimit = 0
plugin.tx_mocfilemanager_pi1.useDescriptions = 1
#plugin.tx_mocfilemanager_pi1.asExplorer = 1
plugin.tx_mocfilemanager_pi1.allowedExts = txt,xls,doc,pps,gif,jpg,htm,html
#plugin.tx_mocfilemanager_pi1.datetimeFormat = %c
#plugin.tx_mocfilemanager_pi1.maxDepth = 1
plugin.tx_mocfilemanager_pi1.useOwnIcons = 1
</code>

===== Konfiguration Link2Map24 =====

link2map24:

- bei map24 (link2map24) anmelden

link2map24.tpl.html:

<<<< USERID >>>> von link2map24 eintragen

===== News tt_news =====

News Template einbinden

Constants:
<code>
#News tt_news Template einbinden
plugin.tt_news {
file.templateFile = fileadmin/templates/news/tt_news.html
}

</code>

==== News Datum- und Zeitformat anpassen ====

Setup:
<code>
#News tt_news Datum- und Zeitformat anpassen
plugin.tt_news {
archiveTitleCObject {
10.strftime = %B - %Y
}
getRelatedCObject {
20.strftime = %d.%m.%Y %H:%M
}
displaySingle {
# date_stdWrap.strftime= %d.%m.%y
date_stdWrap.strftime= %A, %d. %B %Y
time_stdWrap.strftime= %H:%M
}
displayLatest {
date_stdWrap.strftime= %d.%m.%y
time_stdWrap.strftime= %H:%M
}
displayList {
# date_stdWrap.strftime= %A %d. %B %Y
date_stdWrap.strftime = %A, %d. %B %Y
time_stdWrap.strftime= %d.%m.%y %H:%M
}
}
</code>

===== Konfiguration rlmptmplselector =====

Setup:
<code>
#definiert den Pfad zu den Main-Template Dateien
plugin.tx_rlmptmplselector_pi1.templatePathMain = fileadmin/templates/main/

#definiert legt den Pfad zu den Main-Template Dateien
plugin.tx_rlmptmplselector_pi1.templatePathSub = fileadmin/templates/sub/

#definiert das Standard Main-Template Datei, welches geladen werden soll, wenn kein anderes Template ausgewählt wurde
plugin.tx_rlmptmplselector_pi1.defaultTemplateFileNameMain = main_rlmptmplselector.html

#definiert das Standard Sub-Template Datei, welches geladen werden soll, wenn kein anderes Template ausgewählt wurde
plugin.tx_rlmptmplselector_pi1.defaultTemplateFileNameSub = sub_rlmptmplselector.html

# If there is a page having no template selected, use a template
# selected earlier in the rootline. If there is none, use the default
plugin.tx_rlmptmplselector_pi1.inheritMainTemplates = 1
plugin.tx_rlmptmplselector_pi1.inheritSubTemplates = 1
</code>

===== TOP Link =====

<code>
# Setup TOP Link
TOPLINK = TEXT
TOPLINK {
value = to top
lang.en = To the Top
lang.de = Seitenanfang
wrap = <A HREF="#top" class="top-link">|</A>
}

</code>

===== Überschrift als Grafik =====

Im Install Tool (Installation) unter "All Configuration" "[gdlib_png]" aktivieren.

# Setup Überschrift als Grafik
<code>
Header1 = IMAGE
Header1 {
wrap = |
file = GIFBUILDER
file {
XY = [10.w]+6,00
transparentColor = # Hintergrundfarbe
backColor = # Hintergrundfarbe
10 = TEXT
10.text.field =
10.text.current = 1
10.fontSize = Schriftgröße
10.offset = 0,50
10.fontFile = fileadmin/schriftart.ttf
10.fontColor = Schriftfarbe
10.niceText = 1
}
}

lib.stdheader.10.1 < Header1
</code>

===== Konfiguration 404 Error Site =====

Eigene Fehlerseite (404 Error Site) mit der Extension error_404_handling erstellen

Der Browser zeigt die normale Fehlerseite an, die einen 404 Fehler zurück gibt: 404 Error Site.

Für eine eigene 404 Error Site, muss die Extension error_404_handling installiert werden.

Im Ordner /typo3conf/ext/error_404_handling/files/ befinden sich die Dateien für die eigene 404 Error Site.

Dateien:

- 404page_not_found.php

- example.htaccess

Die Datei "404page_not_found.php" in das Root-Verzeichnis der Domain kopieren. Und aus der example.htaccess Datei folgendes in die .htaccess Datei der Root-Ebene eingefügen:

<code>
ErrorDocument 404 /path_anpassen/404page_not_found.php
ErrorDocument 500 /path_anpassen/404page_not_found.php
</code>

Im Install-Tool [warning_email_addr] kann eine E-Mail-Adresse eingeben. Dann wird eine E-Mail versendet, wenn eine Seite (404 Error Site) nicht gefunden wurde.

Einen Domainrecord anlegen bzw. öffnen und eine URL in dem Feld "Redirect to an URL if a page or file under this domain could not be found" eintragen.

404 Error Site: Umleitung auf eine bestimmte 404 Error Site
Install:
<code>
$TYPO3_CONF_VARS["FE"]["pageNotFound_handling"] = 'http://www.404-Error-Site.com/404.php';
</code>

===== TYPO3 YAML =====

TYPO3 YAML Beispielseite und Anleitung

YAML, TYPO3 und YAML

Download: yaml.t3net.de

===== Syntax Highlighting Ultraedit =====

Da mir die durchgehend schwarze Schrift des typoscript total auf den Senkel geht, und ich keinerlei adäquate Lösung zum Thema TypoScript Syntax Highlighting bzw. Syntax kontrolle etc. gefunden habe, hab ich mir das wordfile vom Ultraedit www.ultraedit.com mal hergenommen und erweitert!

http://www.typo3.net/forum/list/list_post//21624/

===== Bedingungen definieren =====

<code>
marks.SLOGAN = COA
marks.SLOGAN {
10 < temp.import_img
stdWrap.ifEmpty.cObject < temp.std_img
}
</code>

http://lists.netfielders.de/pipermail/typo3-at/2004-October/003731.html

http://www.jweiland.net/typo3cms/howto/typoscript-bedingung/

http://www.typo3.net/tsref/functions/if/

http://www.typo3.net/tsref/functions/stdwrap/

http://linuxwiki.de/Typo3TypoScript

===== Links =====

http://www.it-bo.com/typo3-marketing/hilfe/container-zentrieren.html

http://ug.typo3-nrw.de/typo3-dynamic_css.html

http://www.typo3.net/index.php?id=13&action=list_post&tid=39948&page=1

http://blog.dopefreshtight.de/artikel/typo3-aufsetzen-setup/

http://www.sk-typo3.de/RTE-Standardkonfiguration.31.0.html

http://www.linet-services.de/t3_tscode.html

http://www.it-bo.com/typo3-marketing/news/typo3-news/article/typo3-yaml-fuer-version-4.html

http://www.typo3-unleashed.net/index.php?id=sitemap

http://www.sk-typo3.de/Typo3-Extensions.68.0.html

http://www.contentschmiede.de/links-zu-typo3/

http://www.mcuniverse.com/TemplaVoila_-_Cheat_Sheet.1221.0.html

http://www.just2b.com/mein-typo3/css-ts-menues.html

http://ww2.sprain.ch/index.php?id=19

http://www.typo3wizard.com/de/snippets/menus/text-menu-tmenu.html

http://www.kraftfelt.dk/

http://lists.netfielders.de/pipermail/typo3-german/2006-January/008630.html

http://82.165.8.199/typo3cms/exotec-design.de/index.php?id=89