Wikizone - Benutzerbeiträge [de]

QGIS

2012-10-15T15:29:11Z

149.172.152.49: /* Einführung */

== Einführung ==
http://www.qgis.org/de/dokumentation/handbuecher.html

== GeoJSON Exportieren ==

QGIS

2012-10-15T15:27:13Z

149.172.152.49: Die Seite wurde neu angelegt: „== Einführung ==“

== Einführung ==

Gis

2012-10-15T15:26:01Z

149.172.152.49:

Verschiedene Informationen zum Thema GIS (GeoInformationssystem)

[[QGIS]] - Freie GIS Software für verschiedene Plattformen

JSON

2012-10-15T15:25:12Z

149.172.152.49: Die Seite wurde neu angelegt: „ == JSON - JavaScript Object Notation == Kann XML Datenstrukturen ersetzen und hat dabei wesentlich weniger Overhead. Derzeit der Quasi-Standard. - Lesbar für …“

== JSON - JavaScript Object Notation ==

Kann XML Datenstrukturen ersetzen und hat dabei wesentlich weniger Overhead. Derzeit der Quasi-Standard.

- Lesbar für Menschen

- Einfach zu Parsen für Maschinen

- Leichtgewichtig

== Links ==
http://json.org/

http://json.org/json-de.html

http://www.jsoneditoronline.org/

== Erweiterungen ==
GeoJson - Spezifikation für Geoobjekte

== Beispiele ==

Javascript

2012-10-15T15:16:19Z

149.172.152.49: /* JavaScript Frameworks */

== JavaScript Frameworks ==

[[jQuery]] - meine Empfehlung

[[jQTouch]]

jQuery mobile - meine Empfehlung

Sencha (mobil)

== JavaScript - nützliches ==
[[JSON]] Datenstrukturen

== JQuery Plugins ==

[[JQuery Tools (flowplayer.org)]]

== JavaScript - Snippets ==
=== Tipps, Tricks und Snippets ===
[[JavaScript - Snippets]]

== JavaScript - Events / Ereignisse ==
[[JavaScript - Event-Handler]]

Thunderbird - Tipps und Tricks

2012-10-12T06:00:13Z

149.172.152.49: /* Zerstörte Anhänge in Thunderbird */

== Zerstörte Anhänge in Thunderbird ==

http://www.zdv.uni-mainz.de/4005.php

Große Anhänge können zerstört werden, wenn sie in Einzelteilen übertragen werden. Um dieses Standardverhalten auszuschalten kann man die relevanten Schlüssel in der Konfiguration umschalten (Einstellungen > Konfiguration bzw. about:config).

mail.imap.fetch_by_chunks -> auf false stellen
mail.server.default.fetch_by_chunks -> false auf false stellen

Der erste Schlüssel ist nicht immer vorhanden, und muß dann auch nicht verändert werden.

Thunderbird - Tipps und Tricks

2012-10-11T17:19:08Z

149.172.152.49: /* Zerstörte Anhänge in Thunderbird */

== Zerstörte Anhänge in Thunderbird ==

http://www.zdv.uni-mainz.de/4005.php

Große Anhänge können zerstört werden, wenn sie in Einzelteilen übertragen werden. Um dieses Standardverhalten auszuschalten kann man die relevanten Schlüssel in der Konfiguration umschalten (Einstellungen > Konfiguration bzw. about:config).

mail.imap.fetch_by_chunks -> false
mail.server.default.fetch_by_chunks ->

Der erste Schlüssel ist nicht immer vorhanden, und muß dann auch nicht verändert werden.

Thunderbird - Tipps und Tricks

2012-10-11T17:18:37Z

149.172.152.49: /* Zerstörte Anhänge in Thunderbird */

== Zerstörte Anhänge in Thunderbird ==

http://www.zdv.uni-mainz.de/4005.php

Große Anhänge können zerstört werden, wenn sie in Einzelteilen übertragen werden. Um dieses Standardverhalten auszuschalten kann man die relevanten Schlüssel in der Konfiguration umschalten (Einstellungen > Konfiguration bzw. about:config).

mail.imap.fetch_by_chunks
mail.server.default.fetch_by_chunks

Der erste Schlüssel ist nicht immer vorhanden.

Thunderbird - Tipps und Tricks

2012-10-11T17:17:28Z

149.172.152.49: Die Seite wurde neu angelegt: „ == Zerstörte Anhänge in Thunderbird == http://www.zdv.uni-mainz.de/4005.php Große Anhänge können zerstört werden, wenn sie in Einzelteilen übertragen w…“

== Zerstörte Anhänge in Thunderbird ==

http://www.zdv.uni-mainz.de/4005.php

Große Anhänge können zerstört werden, wenn sie in Einzelteilen übertragen werden. Um dieses Standardverhalten auszuschalten kann man die relevanten Schlüssel in der Konfiguration umschalten (about:config).

mail.imap.fetch_by_chunks
mail.server.default.fetch_by_chunks

Der erste Schlüssel ist nicht immer vorhanden.

TYPO3 - Probleme lösen

2012-10-11T09:08:23Z

149.172.152.49:

=== MySQL Tabellen liegen im falschen Zeichensatz vor ===

dafür gibt es ein schönes Skript:

=== Beim Update gehen Teile der Templates verloren ===
Nach der Version 4.1 wurden Tabellenfelder von blob auf Text umgestellt. TYPO 3 versucht das ohne Angabe des Zeichensatzen. Dabei bricht mysql das Umwandeln nach einem Umlaut o.ä. ab und verwirft den Rest.
Meist passiert das in TS Templates wenn in Kommentaren Umlaute sind. Folge, nach dem Update geht das Frontend nicht mehr.

Lösung: die Umwandlung von Hand machen (siehe auch [[Typo3 - Update]]) Prinzipell geht das so:

ALTER TABLE t1 CHANGE c1 c1 TEXT CHARACTER SET utf8;

=== Problem: Chinesische Zeichen werden nicht gespeichert ===
Beim speichern mit chinesischen Zeichen tritt der Fehler:

102: These fields are not properly updated in database: (title) Probably value mismatch with fieldtype.

auf.

'''Lösung:'''

=== Problem: Funktion xyz deprecated ===
Todo: ausführlicher schreiben
'''Lösung:'''

Entweder den '''Code änder'''n oder wenn es schnell gehen muß '''php-deprecated warning level''' Ändern oder wenn es nur im TYPO3 auftritt im '''Install Tool''' ändern.

localconf (Zahlencode entspricht php):

$TYPO3_CONF_VARS['SYS']['exceptionalErrors'] = '6133';

oder (geht auch über install Tool

displayErrors
auf 0 setzen

siehe auch [[htaccess]]

=== '''Problem:'''''' JavaScript Schnipsel auf der Seite werden zerhackt.''' ===

'''Lösung:''' htmlcleaning = all kann dazu führen das JavaScript Code zerstört wird. In diesem Fall den Code in separate Datei auslagern oder htmlcleaning = none

=== '''Problem''' failed to open Stream ===

Nach dem Löschen des Caches dauert es sehr lange bis die Seite aufgebaut wird und es erscheint eine '''php Warnung (finfo_file -> failed to open Stream).'''

Der Fehler tritt nicht bei 4.1 aber bei 4.2 (gesehen auf 4.2.8) auf.

'''Fehlermeldung:'''
<pre>
Warning: finfo_file(http://aufbau.blablub.com/) [function.finfo-file]: failed to open stream: HTTP request failed! in /www/htdocs/blablub/cms/typo3/sysext/cms/tslib/class.tslib_pagegen.php on line 490
</pre>

'''Lösung'''

Der Fehler tritt auf wenn ein favicon über TS eingebunden wird (page.shortcuticon = fileadmin/mein/pfad/favicon.ico), die Datei aber nicht vorliegt oder nicht darauf zugegriffen werden kann.

TYPO3 - Probleme lösen

2012-10-11T08:40:52Z

149.172.152.49: /* Beim Update gehen Teile der Templates verloren */

=== Beim Update gehen Teile der Templates verloren ===
Nach der Version 4.1 wurden Tabellenfelder von blob auf Text umgestellt. TYPO 3 versucht das ohne Angabe des Zeichensatzen. Dabei bricht mysql das Umwandeln nach einem Umlaut o.ä. ab und verwirft den Rest.
Meist passiert das in TS Templates wenn in Kommentaren Umlaute sind. Folge, nach dem Update geht das Frontend nicht mehr.

Lösung: die Umwandlung von Hand machen (siehe auch [[Typo3 - Update]]) Prinzipell geht das so:

ALTER TABLE t1 CHANGE c1 c1 TEXT CHARACTER SET utf8;

=== Problem: Chinesische Zeichen werden nicht gespeichert ===
Beim speichern mit chinesischen Zeichen tritt der Fehler:

102: These fields are not properly updated in database: (title) Probably value mismatch with fieldtype.

auf.

'''Lösung:'''

=== Problem: Funktion xyz deprecated ===
Todo: ausführlicher schreiben
'''Lösung:'''

Entweder den '''Code änder'''n oder wenn es schnell gehen muß '''php-deprecated warning level''' Ändern oder wenn es nur im TYPO3 auftritt im '''Install Tool''' ändern.

localconf (Zahlencode entspricht php):

$TYPO3_CONF_VARS['SYS']['exceptionalErrors'] = '6133';

oder (geht auch über install Tool

displayErrors
auf 0 setzen

siehe auch [[htaccess]]

=== '''Problem:'''''' JavaScript Schnipsel auf der Seite werden zerhackt.''' ===

'''Lösung:''' htmlcleaning = all kann dazu führen das JavaScript Code zerstört wird. In diesem Fall den Code in separate Datei auslagern oder htmlcleaning = none

=== '''Problem''' failed to open Stream ===

Nach dem Löschen des Caches dauert es sehr lange bis die Seite aufgebaut wird und es erscheint eine '''php Warnung (finfo_file -> failed to open Stream).'''

Der Fehler tritt nicht bei 4.1 aber bei 4.2 (gesehen auf 4.2.8) auf.

'''Fehlermeldung:'''
<pre>
Warning: finfo_file(http://aufbau.blablub.com/) [function.finfo-file]: failed to open stream: HTTP request failed! in /www/htdocs/blablub/cms/typo3/sysext/cms/tslib/class.tslib_pagegen.php on line 490
</pre>

'''Lösung'''

Der Fehler tritt auf wenn ein favicon über TS eingebunden wird (page.shortcuticon = fileadmin/mein/pfad/favicon.ico), die Datei aber nicht vorliegt oder nicht darauf zugegriffen werden kann.

TYPO3 - Probleme lösen

2012-10-11T08:39:27Z

149.172.152.49:

=== Beim Update gehen Teile der Templates verloren ===
Nach der Version 4.1 wurden Tabellenfelder von blob auf Text umgestellt. TYPO 3 versucht das ohne Angabe des Zeichensatzen. Dabei bricht mysql das Umwandeln nach einem Umlaut o.ä. ab und verwirft den Rest.
Meist passiert das in TS Templates wenn in Kommentaren Umlaute sind. Folge, nach dem Update geht das Frontend nicht mehr.

Lösung: die Umwandlung von Hand machen (siehe auch [[TYPO3 - Update]]) Prinzipell geht das so:

ALTER TABLE t1 CHANGE c1 c1 TEXT CHARACTER SET utf8;

=== Problem: Chinesische Zeichen werden nicht gespeichert ===
Beim speichern mit chinesischen Zeichen tritt der Fehler:

102: These fields are not properly updated in database: (title) Probably value mismatch with fieldtype.

auf.

'''Lösung:'''

=== Problem: Funktion xyz deprecated ===
Todo: ausführlicher schreiben
'''Lösung:'''

Entweder den '''Code änder'''n oder wenn es schnell gehen muß '''php-deprecated warning level''' Ändern oder wenn es nur im TYPO3 auftritt im '''Install Tool''' ändern.

localconf (Zahlencode entspricht php):

$TYPO3_CONF_VARS['SYS']['exceptionalErrors'] = '6133';

oder (geht auch über install Tool

displayErrors
auf 0 setzen

siehe auch [[htaccess]]

=== '''Problem:'''''' JavaScript Schnipsel auf der Seite werden zerhackt.''' ===

'''Lösung:''' htmlcleaning = all kann dazu führen das JavaScript Code zerstört wird. In diesem Fall den Code in separate Datei auslagern oder htmlcleaning = none

=== '''Problem''' failed to open Stream ===

Nach dem Löschen des Caches dauert es sehr lange bis die Seite aufgebaut wird und es erscheint eine '''php Warnung (finfo_file -> failed to open Stream).'''

Der Fehler tritt nicht bei 4.1 aber bei 4.2 (gesehen auf 4.2.8) auf.

'''Fehlermeldung:'''
<pre>
Warning: finfo_file(http://aufbau.blablub.com/) [function.finfo-file]: failed to open stream: HTTP request failed! in /www/htdocs/blablub/cms/typo3/sysext/cms/tslib/class.tslib_pagegen.php on line 490
</pre>

'''Lösung'''

Der Fehler tritt auf wenn ein favicon über TS eingebunden wird (page.shortcuticon = fileadmin/mein/pfad/favicon.ico), die Datei aber nicht vorliegt oder nicht darauf zugegriffen werden kann.

TYPO3 - Probleme lösen

2012-10-11T08:26:57Z

149.172.152.49: /* Problem: Funktion xyz deprecated */

=== Problem: Chinesische Zeichen werden nicht gespeichert ===
Beim speichern mit chinesischen Zeichen tritt der Fehler:

102: These fields are not properly updated in database: (title) Probably value mismatch with fieldtype.

auf.

'''Lösung:'''

=== Problem: Funktion xyz deprecated ===
Todo: ausführlicher schreiben
'''Lösung:'''

Entweder den '''Code änder'''n oder wenn es schnell gehen muß '''php-deprecated warning level''' Ändern oder wenn es nur im TYPO3 auftritt im '''Install Tool''' ändern.

localconf (Zahlencode entspricht php):

$TYPO3_CONF_VARS['SYS']['exceptionalErrors'] = '6133';

oder (geht auch über install Tool

displayErrors
auf 0 setzen

siehe auch [[htaccess]]

=== '''Problem:'''''' JavaScript Schnipsel auf der Seite werden zerhackt.''' ===

'''Lösung:''' htmlcleaning = all kann dazu führen das JavaScript Code zerstört wird. In diesem Fall den Code in separate Datei auslagern oder htmlcleaning = none

=== '''Problem''' failed to open Stream ===

Nach dem Löschen des Caches dauert es sehr lange bis die Seite aufgebaut wird und es erscheint eine '''php Warnung (finfo_file -> failed to open Stream).'''

Der Fehler tritt nicht bei 4.1 aber bei 4.2 (gesehen auf 4.2.8) auf.

'''Fehlermeldung:'''
<pre>
Warning: finfo_file(http://aufbau.blablub.com/) [function.finfo-file]: failed to open stream: HTTP request failed! in /www/htdocs/blablub/cms/typo3/sysext/cms/tslib/class.tslib_pagegen.php on line 490
</pre>

'''Lösung'''

Der Fehler tritt auf wenn ein favicon über TS eingebunden wird (page.shortcuticon = fileadmin/mein/pfad/favicon.ico), die Datei aber nicht vorliegt oder nicht darauf zugegriffen werden kann.

Typo3 - Update

2012-10-10T12:41:13Z

149.172.152.49: /* Probleme lösen */

== Update Infos 4.5 ==
* Weitere Tools werden separat installiert
* utf-8 für Datenbankverbindung wird vorausgesetzt (siehe auch Typo3 auf utf-8 umstellen)
* Zugriff auf veraltete php-Funktionen werden geloggt. Vorsichtig Log kann groß werden
* Extbase und Fluid

== Update Infos 4.3 ==
* simulate_static_docs muss separat installiert werden
=== Update Wizard Info ===
'''CSS Styled Content: Default targets for non-frame pages'''

The default page target is empty (so no target is generated). If you use frames, you have to set target to "page" in Constants.

'''CSS Styled Content: htmlspecialchars in menu content elements'''

Page titles will get htmlspecialchar'ed when rendered in "Sitemap/menu" content elements, to avoid generating invalid XHTML.

'''htmlArea RTE: Using CSS classes for indentation and alignment'''

* Indentation is produced by a CSS class instead of the blockquote element.
You will need to specify in Page TSConfig the class to be used for indentation using property buttons.indent.useClass (default is "indent"). You will need to define this class in your stylesheets and ensure that it is allowed by the RTE transformation (RTE.default.proc). Alternatively, you may continue using the blockquote element by setting property buttons.indent.useBlockquote. You may also want to add the new blockquote button to the RTE toolbar.

* Text alignment is produced by CSS classes instead of deprecated align attribute.
You will need to specify in Page TSConfig the class to be used for each text alignment button using property buttons.[left, center, right or justifyfull].useClass (defaults are "align-left", "align-center", "align-right", "align-justify"). You will need to define these classes in your stylesheets, and ensure that they are allowed by the RTE transformation (RTE.default.proc). Alternatively, you may continue using deprecated align attribute by setting property buttons.[left, center, right or justifyfull].useAlignAttribute.

== Update alter Typo3 Installationen (<V.3.8)==
Aus der Mailing Liste Östereich:
- der Core ist relativ easy (fast) immer zu upgraden (muesst' eigentlich von
v3.3 auch gehen ;-) )
- Achte immer auf installierte Extensions
* wenn etwas nicht geht, mal soweit wie moeglich alle Extensions wegschalten (nicht loeschen!).
* dann zuschalten; wenns dann hakt, dann sieht man gleich welche ext "boese" ist.
* dann diese ext updaten, wenns keine updates gibt, mal danach googlen.
* wenns dann net geht, debuggen..

Weitere Probleme:

Alte TS Templates arbeiten noch mit CSet und Content als default Template. Nach umstellen auf css-styled-content muß evt. einiges angepasst werden:

== Update auf 4.1 ==
Unbedingt im Install Tool Compare ausführen und Tabellen aktualisieren. Sonst kann es Probleme mit verschiedenen Extensions geben (z.B. Login..)

== Probleme beim TYPO3 Update lösen ==

=== Nach dem Datenbank Compare fehlen Teile der TYPOScript Templates ===

'''Lösung'''

Von Version 4.2 auf 4.1 werden blob Felder zu Text Feldern umgewandelt. Dabei werden bei Umlauten die Inhalte abgeschnitten, wenn die Datenbank utf-8 arbeitet, TYPO3 aber die Daten in latin abgelegt hat.

Beim Compare muß man dann die blob konvertierungen weglassen (vor allem bei den Templates - in der Regel gibt es da Kommentare mit Umlauten) und leicht abgewandelt selbst durchführen:

ALTER TABLE sys_template CHANGE config config TEXT CHARACTER SET latin1;

Typo3 läßt hier die Angabe welcher Zeichensatz drin ist weg.

Die wichtigsten Statements (Stand Typo3 4.5):

<pre>
ALTER TABLE sys_template CHANGE constants constants text CHARACTER SET latin1;
ALTER TABLE sys_template CHANGE config config text CHARACTER SET latin1;
ALTER TABLE tt_content CHANGE image image text CHARACTER SET latin1;
ALTER TABLE tt_content CHANGE media media text CHARACTER SET latin1;
ALTER TABLE tt_content CHANGE pages pages tinytext CHARACTER SET latin1;
ALTER TABLE tt_content CHANGE multimedia multimedia tinytext CHARACTER SET latin1;
ALTER TABLE pages CHANGE media media text CHARACTER SET latin1;
</pre>

Link: http://dev.mysql.com/doc/refman/5.1/en/alter-table.html (Zugriff: 10/2012)

== Release Notes Version 4.1 ==
Die wichtigsten Neuerungen
* IRRE (Inline Relational Record Editing)
* AJAX Page and File Tree
* Clean-up functions (command line scripts)(Über Extension lowlevel)
* Improved Extension Manager (less memory, stored extension list)
* UTF-8 for filenames
* Backend "Who is online"
* Frontend "Stay logged in" (Konfiguration mit new login box)
* MySQL InnoDB (Wird automatisch bei Neuinstallation zur Verfügung gestellt, wenn es in mySQL aktiviert ist)
* Speed up Backend with .htaccess http://typo3.org/development/articles/release-notes-41/page/4/)

=== Manuelles ändern der Tabellen auf InnoDB ===
<pre>
alter table cache_hash ENGINE = INNODB;
alter table cache_imagesizes ENGINE = INNODB;
alter table cache_md5params ENGINE = INNODB;
alter table cache_pages ENGINE = INNODB;
alter table cache_pagesection ENGINE = INNODB;
alter table cache_typo3temp_log ENGINE = INNODB;
alter table fe_sessions ENGINE = INNODB;
alter table fe_session_data ENGINE = INNODB;
alter table index_fulltext ENGINE = INNODB;
alter table index_grlist ENGINE = INNODB;
alter table index_phash ENGINE = INNODB;
alter table index_rel ENGINE = INNODB;
alter table index_section ENGINE = INNODB;
alter table index_stat_search ENGINE = INNODB;
alter table index_stat_word ENGINE = INNODB;
alter table index_words ENGINE = INNODB;
alter table sys_log ENGINE = INNODB;
</pre>

== Generelle Informationen zum Update unter Linux ==
Quelle: typo3.net Mai 2006

Typo3 ist normalerweise sehr einfach upzudaten - allerdings müssen ein paar Dinge beachtet werden, um updatefähig zu bleiben:

* Es dürfen keine Änderungen an dem Typo3-Sourcecode gemacht worden sein. Falls dieses doch gemacht wurde, müssen natürlich diese Änderungen erst in die neue Version eingearbeitet werden.
* Installierte Extensions sollten möglichst immer LOCAL installiert worden sein. So bleiben diese nach dem Tausch des Typo3-Sourcecodes unberührt und funktionieren nach dem Update (meist) wie gewohnt. Es gibt nur selten den Fall, daß eine Typo3-Version eine Funktion nicht mehr verwendet, die es in der alten Version noch gab.
* Wenn sie HTML-Templates von GLOBAL installierten Erweiterungen direkt im Extensionordner modifiziert haben sollten, müssen diese erst z.B. in den fileadmin kopiert werden. Dann können Sie den Pfad zu dieser Datei im TypoScript anpassen.

Den Pfad finden Sie überigens mithilfe des TypoScript-Object-Browsers schnell. Meist ist er an der Stelle plugin.extensionname.templateFile zu finden.

[[Bild:T3_wichtigeVerzeichnisse.gif]]

Einige der wichtigsten Verzeichnisse

'''Das Update für mittwaldmedien Kunden'''
Für unsere Kunden ist es nun besonders einfach, die vorhandene Installation auf die aktuelle Version zu bringen. Sie müssen sich nur auf der Webseite http://www.typo3server.com einloggen. Nach dem Login finden Sie ein Menü mit einem Link zu dem Typo3-Versionsmanager. Dort können Sie mit einem Klick Ihren Account auf die neue Version updaten.

'''ToDo Versionsmanager für Geo-bit'''

'''Manuelles Update'''

Für diejenigen, die dieses Update manuell machen wollen oder müssen, sind die folgenden Schrittenötig. Die Beispiele - vor allem die Pfade - müssen natürlich angepasst werden. Die Beispiele gehen davon aus, daß Sie eine Verzeichnisstruktur angelegt haben, die dem obigen Bild entspricht.

1. Machen Sie zuerst eine Datensicherung von dem Typo3-Sourcen und Ihrem html-Ordner! Die Datenbank können Sie nun über diesen Befehl sichern:

mysqldump -u benutzername -p -B --add-drop-table datenbank > typo3DBSicherung.sql

Notfalls könnte auch ein Dump mit phpMyAdmin erstellt werden.

2. Verbinden Sie sich mit Ihrem Server über SSH.

3. Wechseln Sie das Verzeichnis auf einer Ebene über dem Rootverzeichnis Ihres Webservers.
z.B.: cd /home/www/p1234/

4. Laden Sie sich die neuen Typo3-Sourcen auf ihren Linuxrechner. Die aktuellen Sourcen finden Sie unter: http://typo3.org/download/packages/.

Die benötigte Datei hat das Format typo3_src-3.x.x.tar.gz

'''Beispiel:'''

wget belnet.dl.sourceforge.net/sourceforge/typo3/typo3_src-3.7.0.tar.gz

5. Entpacken Sie die Datei mit dem Kommando:

'''Beispiel:'''

tar -xzvf typo3_src-3.x.x.tar.gz

6. Ändern Sie nun die Rechte so, wie der bisherige Typo3-Sourcecode-Ordner sie hatte.

'''Beispiel:'''

chown p1234.ftponly typo3_src-3.7.0 -R

7. Entfernen Sie den alten symbolischen Link mit:

rm typo3_src

8. Legen Sie nun einen neuen Link an mit:

ln -s typo3_src-3.x.x typo3_src

(Die Versionsnummer müssen Sie natürlich noch anpassen.)

9. Nun muss die Datenbank noch aktualisiert werden:

Gehen Sie hierzu in das Typo3-Installtool und klicken Sie auf den 2. Menüpunkt Database Analyser. Mit einem Klick auf Compare werden die zu ändernden oder zu ergänzenden Datenbankfelder angezeigt. Mit einem Klick auf "Write to database" wird die Datenbank an die neue Typo3-Version angepasst.

10. Loggen Sie sich nun als Admin im Backend an und löschen Sie alle Caches.

== Neu in Version 4 ==
* Conditions mit AND und OR (|| &&)

== Neu in 4.2 ==
Viele Usability Verbesserungen im Backend
== Update auf 4.2 ==
=== Extensions Updaten ===
* dam 1.0.11 ist nicht kompatibel Update auf min. 1.0.13
* date2cal auf >= 7.1.0
* Kickstarter 0.3.8 ist nicht kompatibel
* Developer tools gehen nicht mehr (wg. Frame oben)

=== Ablauf ===
* Backend Benutzer sperren (only Admins)
* Sicherung der Datenbank
* neue Source + Symlink
* Update Wizard
* Compare

=== Probleme ===
'''DAM Upload geht für Benutzer''' nicht mehr (Fehler Meta Daten können nicht geschrieben werden)
Beim neu indizieren geht dem dam der Media Ordner verloren. Er legt dann einen neuen an, in den er scheiben möchte. Die Benutzer sind abe noch auf den alten eingestellt. D.h. die Benutzergruppen m´üssen auf den neuen eingestellt werden.

Im Dam stehen im IE7 die Benutzerwerkzeuge nicht zur verfügung (löschen etc.) nur der Stift ist noch da.

Lösung: Das Problem ist das CSS für das Fenster. Es verdeckt die restlichen Symbole
Forum: 24.7.

Ich hatte das gleiche Problem bis vor 5 Minuten auch,
gelöst habe ich es so:
- Datei: class.tx_dam_listbase.php im Ordner DAM\lib\
Unter der Zeile 256 ('itemTD' => ' class="typo3-dblist-item"',)
ist in 3 Werten als Breite 1% angegeben. Das auskommentieren

- Datei: stylesheet.cdd in typo3_src\typo3\
table.typo3-dblist width: 98%; durch width: auto; ersetzen und in
table.typo3-dblist tr td {width: auto;} einsetzen,

damit hats bei mir im IE 7, Firefox, safari für Win und Opera alles richtig angezeigt :-)

Ich hoffe, geholrfen zu haben,
Schmoozer

Bug in Mount Points

== Datenbank über Root Shell sichern (mysql backup) ==

mysqldump -opt ...

Beispiele

Die häufigste Anwendung von mysqldump ist wahrscheinlich die '''Erstellung eines Backups einer vollständigen Datenbank''':

shell> mysqldump --opt db_name > backup-file.sql

oder mit User und Passwortangabe:
mysqldump -u meinDBUser -pGEHEIM db_name > backup.sql

--opt ist in neueren MySQL Versionen Standardmäßig an deshalb lassen wir es mal weg.

Die Speicherauszugsdatei können Sie wie folgt '''wieder einspielen'''.

shell> mysql db_name < backup-file.sql

Oder aber so:

shell> mysql -e "source /path-to-backup/backup-file.sql" db_name

mysqldump ist ferner sehr nützlich zum Ausfüllen von Datenbanken durch Kopieren von Daten von einem MySQL Server auf einen anderen:

shell> mysqldump --opt db_name | mysql --host=remote_host -C db_name

Sie können mit einem einzigen Befehl einen Speicherauszug mehrerer Datenbanken erstellen:

shell> mysqldump --databases db_name1 [db_name2 ...] > my_databases.sql

Um einen Speicherauszug aller Datenbanken zu erstellen, verwenden Sie die Option --all-databases:

shell> mysqldump --all-databases > all_databases.sql

Bei InnoDB-Tabellen bietet mysqldump die Möglichkeit, eine Online-Sicherung zu erstellen:

shell> mysqldump --all-databases --single-transaction > all_databases.sql

Diese Datensicherung muss vor Beginn des Speicherauszugsvorgangs lediglich (mit FLUSH TABLES WITH READ LOCK) eine globale Lesesperre für alle Tabellen erwirken. Sobald diese Sperre aktiv ist, werden die Koordinaten des Binärlogs ausgelesen, und die Sperre wird aufgehoben. Wenn beim Absetzen der FLUSH-Anweisung gerade eine umfangreiche Änderungsanweisung ausgeführt wird, dann – und nur dann! – kann der MySQL Server stehen bleiben, bis diese lange Anweisung ausgeführt ist; danach ist der Server sperrfrei. Wenn die vom MySQL Server empfangenen Änderungsanweisungen (in Bezug auf ihre Ausführungsdauer) kurz sind, sollte die anfängliche Sperrperiode auch bei vielen Änderungen nicht spürbar sein.

Bei der Point-in-Time-Wiederherstellung (die auch als „Roll-Forward“ bezeichnet wird, wenn Sie ein altes Backup wiederherstellen und die seitdem durchgeführten Änderungen neu aufspielen müssen) ist es häufig nützlich, das Binärlog zu rotieren (siehe Abschnitt 5.12.3, „Die binäre Update-Logdatei“) oder zumindest die Binärlogkoordinaten zu kennen, denen der Speicherauszug entspricht:

shell> mysqldump --all-databases --master-data=2 > all_databases.sql

Oder:

shell> mysqldump --all-databases --flush-logs --master-data=2
> all_databases.sql

== Mass Update Script ==

Yesterday some updates came out for TYPO3. These updates fixed certain issues and we needed to update all of our excellent shared hosting environments.

We already have a script (which is more elaborate now) that checks all our TYPO3 installations and sends the sysadmins a nice report about its findings. We use part of that report (list of paths to Document Roots) to feed the updater script.

The TYPO3 update requires you to do the followi

* update encryption key
* clear configuration cache
* clear page cache

We do not want to go into 200+ TYPO3 backends and do those tasks manually. We are lazy and we will write a script to automagically do the boring tasks for us.

This script is not perfect but it works well on Debian systems. You can modify it to fit your needs. It was just a quick hack to ease the upgrade pain. Take care to switch the symlink part for upgrade runs of different versions of TYPO3.

I am not responsible for any damage to your system that may occur to misuse of this script. Make sure you understand it before you run it. Run it with a single URI before attempting a whole ist of URI's.

Ein Massen Update Script von:

http://typofree.org/article/archive/2009/january/title/typo3-mass-upgrade-script/
Zugriff am 12.3.2009

http://typofree.org/article/archive/2009/january/title/typo3-mass-upgrade-script/

TYPO3 mass update script

1.
#!/bin/sh
2.
binDir=/usr/bin/
3.
sleep=2
4.

5.
pageCacheTables=(
6.
cache_pages
7.
cache_pagesection
8.
)
9.

10.
sites=(
11.
/var/www/sites/live/www.somedomain.tld
12.
/var/www/sites/live/www.someotherdomain.tld
13.
/var/www/sites/live/www.yetsomeotherdomain.tld
14.
)
15.

16.
len=${#sites[*]}
17.
pageCacheTablesLength=${#pageCacheTables[*]}
18.
i=0
19.
while [ $i -lt $len ]; do
20.
echo updating: ${sites[$i]}
21.
cd ${sites[$i]}
22.
rm typo3_src
23.
ln -s ../../sources/typo3_src-4.2.5 typo3_src
24.

25.
echo generating new key
26.
k=0
27.
key=''
28.
while [ $k -lt 96 ]; do
29.
key=$key$(head -100 /dev/urandom | md5sum | cut -c1)
30.
let k++
31.
done
32.
echo key: $key
33.
sed -i "s/$\$TYPO3_CONF_VARS\['SYS']\['encryptionKey'] = $.*/\1'$key';/g" typo3conf/localconf.php
34.

35.
echo removing configuration cache
36.
rm -f typo3conf/temp_CACHED*
37.

38.
echo clearing page cache
39.
# For some insane reason some values are enclosed in double qotes
40.
database=$(grep "typo_db " typo3conf/localconf.php | tail -1 | sed "s/^[^']*'$[^']*$'.*/\1/" | grep '$typo_db =')
41.
if [ -z "$database" ] ; then
42.
database=$(grep "typo_db " typo3conf/localconf.php | tail -1 | sed "s/^[^']*'$[^']*$'.*/\1/")
43.
else
44.
database=$(grep "typo_db " typo3conf/localconf.php | tail -1 | sed "s/^[^\"]*\"$[^\"]*$\".*/\1/")
45.
fi
46.
username=$(grep "typo_db_username " typo3conf/localconf.php | tail -1 | sed "s/^[^']*'$[^']*$'.*/\1/" | grep '$typo_db_username =')
47.
if [ -z "$username" ] ; then
48.
username=$(grep "typo_db_username " typo3conf/localconf.php | tail -1 | sed "s/^[^']*'$[^']*$'.*/\1/")
49.
else
50.
username=$(grep "typo_db_username " typo3conf/localconf.php | tail -1 | sed "s/^[^\"]*\"$[^\"]*$\".*/\1/")
51.
fi
52.
password=$(grep "typo_db_password " typo3conf/localconf.php | tail -1 | sed "s/^[^']*'$[^']*$'.*/\1/" | grep '$typo_db_password =')
53.
if [ -z "$password" ] ; then
54.
password=$(grep "typo_db_password " typo3conf/localconf.php | tail -1 | sed "s/^[^']*'$[^']*$'.*/\1/")
55.
else
56.
password=$(grep "typo_db_password " typo3conf/localconf.php | tail -1 | sed "s/^[^\"]*\"$[^\"]*$\".*/\1/")
57.
fi
58.
j=0
59.
while [ $j -lt $pageCacheTablesLength ];
60.
do
61.
nice -n 19 ${binDir}mysql --batch -u$username -p"$password" -D$database -e "TRUNCATE ${pageCacheTables[$j]}"
62.
nice -n 19 ${binDir}mysql --batch -u$username -p"$password" -D$database -e "ALTER TABLE ${pageCacheTables[$j]} auto_increment=1"
63.
let j++
64.
done
65.

66.
echo "done! Sleeping $sleep seconds . . ."
67.
sleep $sleep
68.

69.
echo
70.
let i++
71.
done

Typo3 - Update

2012-10-10T12:33:36Z

149.172.152.49: /* Update auf 4.1 */

== Update Infos 4.5 ==
* Weitere Tools werden separat installiert
* utf-8 für Datenbankverbindung wird vorausgesetzt (siehe auch Typo3 auf utf-8 umstellen)
* Zugriff auf veraltete php-Funktionen werden geloggt. Vorsichtig Log kann groß werden
* Extbase und Fluid

== Update Infos 4.3 ==
* simulate_static_docs muss separat installiert werden
=== Update Wizard Info ===
'''CSS Styled Content: Default targets for non-frame pages'''

The default page target is empty (so no target is generated). If you use frames, you have to set target to "page" in Constants.

'''CSS Styled Content: htmlspecialchars in menu content elements'''

Page titles will get htmlspecialchar'ed when rendered in "Sitemap/menu" content elements, to avoid generating invalid XHTML.

'''htmlArea RTE: Using CSS classes for indentation and alignment'''

* Indentation is produced by a CSS class instead of the blockquote element.
You will need to specify in Page TSConfig the class to be used for indentation using property buttons.indent.useClass (default is "indent"). You will need to define this class in your stylesheets and ensure that it is allowed by the RTE transformation (RTE.default.proc). Alternatively, you may continue using the blockquote element by setting property buttons.indent.useBlockquote. You may also want to add the new blockquote button to the RTE toolbar.

* Text alignment is produced by CSS classes instead of deprecated align attribute.
You will need to specify in Page TSConfig the class to be used for each text alignment button using property buttons.[left, center, right or justifyfull].useClass (defaults are "align-left", "align-center", "align-right", "align-justify"). You will need to define these classes in your stylesheets, and ensure that they are allowed by the RTE transformation (RTE.default.proc). Alternatively, you may continue using deprecated align attribute by setting property buttons.[left, center, right or justifyfull].useAlignAttribute.

== Update alter Typo3 Installationen (<V.3.8)==
Aus der Mailing Liste Östereich:
- der Core ist relativ easy (fast) immer zu upgraden (muesst' eigentlich von
v3.3 auch gehen ;-) )
- Achte immer auf installierte Extensions
* wenn etwas nicht geht, mal soweit wie moeglich alle Extensions wegschalten (nicht loeschen!).
* dann zuschalten; wenns dann hakt, dann sieht man gleich welche ext "boese" ist.
* dann diese ext updaten, wenns keine updates gibt, mal danach googlen.
* wenns dann net geht, debuggen..

Weitere Probleme:

Alte TS Templates arbeiten noch mit CSet und Content als default Template. Nach umstellen auf css-styled-content muß evt. einiges angepasst werden:

== Update auf 4.1 ==
Unbedingt im Install Tool Compare ausführen und Tabellen aktualisieren. Sonst kann es Probleme mit verschiedenen Extensions geben (z.B. Login..)

== Probleme lösen ==
Nach dem Datenbank Compare fehlen Teile der TYPOScript Templates

Lösung

Von Version 4.2 auf 4.1 werden blob Felder zu Text Feldern umgewandelt. Dabei werden bei Umlauten die Inhalte abgeschnitten, wenn die Datenbank utf-8 arbeitet, TYPO3 aber die Daten in latin abgelegt hat.

Beim Compare muß man dann die blob konvertierungen weglassen (vor allem bei den Templates - in der Regel gibt es da Kommentare mit Umlauten) und leicht abgewandelt selbst durchführen:

ALTER TABLE sys_template CHANGE config config TEXT CHARACTER SET latin1;

Typo3 läßt hier die Angabe welcher Zeichensatz drin ist weg.

Link: http://dev.mysql.com/doc/refman/5.1/en/alter-table.html (Zugriff: 10/2012)

== Release Notes Version 4.1 ==
Die wichtigsten Neuerungen
* IRRE (Inline Relational Record Editing)
* AJAX Page and File Tree
* Clean-up functions (command line scripts)(Über Extension lowlevel)
* Improved Extension Manager (less memory, stored extension list)
* UTF-8 for filenames
* Backend "Who is online"
* Frontend "Stay logged in" (Konfiguration mit new login box)
* MySQL InnoDB (Wird automatisch bei Neuinstallation zur Verfügung gestellt, wenn es in mySQL aktiviert ist)
* Speed up Backend with .htaccess http://typo3.org/development/articles/release-notes-41/page/4/)

=== Manuelles ändern der Tabellen auf InnoDB ===
<pre>
alter table cache_hash ENGINE = INNODB;
alter table cache_imagesizes ENGINE = INNODB;
alter table cache_md5params ENGINE = INNODB;
alter table cache_pages ENGINE = INNODB;
alter table cache_pagesection ENGINE = INNODB;
alter table cache_typo3temp_log ENGINE = INNODB;
alter table fe_sessions ENGINE = INNODB;
alter table fe_session_data ENGINE = INNODB;
alter table index_fulltext ENGINE = INNODB;
alter table index_grlist ENGINE = INNODB;
alter table index_phash ENGINE = INNODB;
alter table index_rel ENGINE = INNODB;
alter table index_section ENGINE = INNODB;
alter table index_stat_search ENGINE = INNODB;
alter table index_stat_word ENGINE = INNODB;
alter table index_words ENGINE = INNODB;
alter table sys_log ENGINE = INNODB;
</pre>

== Generelle Informationen zum Update unter Linux ==
Quelle: typo3.net Mai 2006

Typo3 ist normalerweise sehr einfach upzudaten - allerdings müssen ein paar Dinge beachtet werden, um updatefähig zu bleiben:

* Es dürfen keine Änderungen an dem Typo3-Sourcecode gemacht worden sein. Falls dieses doch gemacht wurde, müssen natürlich diese Änderungen erst in die neue Version eingearbeitet werden.
* Installierte Extensions sollten möglichst immer LOCAL installiert worden sein. So bleiben diese nach dem Tausch des Typo3-Sourcecodes unberührt und funktionieren nach dem Update (meist) wie gewohnt. Es gibt nur selten den Fall, daß eine Typo3-Version eine Funktion nicht mehr verwendet, die es in der alten Version noch gab.
* Wenn sie HTML-Templates von GLOBAL installierten Erweiterungen direkt im Extensionordner modifiziert haben sollten, müssen diese erst z.B. in den fileadmin kopiert werden. Dann können Sie den Pfad zu dieser Datei im TypoScript anpassen.

Den Pfad finden Sie überigens mithilfe des TypoScript-Object-Browsers schnell. Meist ist er an der Stelle plugin.extensionname.templateFile zu finden.

[[Bild:T3_wichtigeVerzeichnisse.gif]]

Einige der wichtigsten Verzeichnisse

'''Das Update für mittwaldmedien Kunden'''
Für unsere Kunden ist es nun besonders einfach, die vorhandene Installation auf die aktuelle Version zu bringen. Sie müssen sich nur auf der Webseite http://www.typo3server.com einloggen. Nach dem Login finden Sie ein Menü mit einem Link zu dem Typo3-Versionsmanager. Dort können Sie mit einem Klick Ihren Account auf die neue Version updaten.

'''ToDo Versionsmanager für Geo-bit'''

'''Manuelles Update'''

Für diejenigen, die dieses Update manuell machen wollen oder müssen, sind die folgenden Schrittenötig. Die Beispiele - vor allem die Pfade - müssen natürlich angepasst werden. Die Beispiele gehen davon aus, daß Sie eine Verzeichnisstruktur angelegt haben, die dem obigen Bild entspricht.

1. Machen Sie zuerst eine Datensicherung von dem Typo3-Sourcen und Ihrem html-Ordner! Die Datenbank können Sie nun über diesen Befehl sichern:

mysqldump -u benutzername -p -B --add-drop-table datenbank > typo3DBSicherung.sql

Notfalls könnte auch ein Dump mit phpMyAdmin erstellt werden.

2. Verbinden Sie sich mit Ihrem Server über SSH.

3. Wechseln Sie das Verzeichnis auf einer Ebene über dem Rootverzeichnis Ihres Webservers.
z.B.: cd /home/www/p1234/

4. Laden Sie sich die neuen Typo3-Sourcen auf ihren Linuxrechner. Die aktuellen Sourcen finden Sie unter: http://typo3.org/download/packages/.

Die benötigte Datei hat das Format typo3_src-3.x.x.tar.gz

'''Beispiel:'''

wget belnet.dl.sourceforge.net/sourceforge/typo3/typo3_src-3.7.0.tar.gz

5. Entpacken Sie die Datei mit dem Kommando:

'''Beispiel:'''

tar -xzvf typo3_src-3.x.x.tar.gz

6. Ändern Sie nun die Rechte so, wie der bisherige Typo3-Sourcecode-Ordner sie hatte.

'''Beispiel:'''

chown p1234.ftponly typo3_src-3.7.0 -R

7. Entfernen Sie den alten symbolischen Link mit:

rm typo3_src

8. Legen Sie nun einen neuen Link an mit:

ln -s typo3_src-3.x.x typo3_src

(Die Versionsnummer müssen Sie natürlich noch anpassen.)

9. Nun muss die Datenbank noch aktualisiert werden:

Gehen Sie hierzu in das Typo3-Installtool und klicken Sie auf den 2. Menüpunkt Database Analyser. Mit einem Klick auf Compare werden die zu ändernden oder zu ergänzenden Datenbankfelder angezeigt. Mit einem Klick auf "Write to database" wird die Datenbank an die neue Typo3-Version angepasst.

10. Loggen Sie sich nun als Admin im Backend an und löschen Sie alle Caches.

== Neu in Version 4 ==
* Conditions mit AND und OR (|| &&)

== Neu in 4.2 ==
Viele Usability Verbesserungen im Backend
== Update auf 4.2 ==
=== Extensions Updaten ===
* dam 1.0.11 ist nicht kompatibel Update auf min. 1.0.13
* date2cal auf >= 7.1.0
* Kickstarter 0.3.8 ist nicht kompatibel
* Developer tools gehen nicht mehr (wg. Frame oben)

=== Ablauf ===
* Backend Benutzer sperren (only Admins)
* Sicherung der Datenbank
* neue Source + Symlink
* Update Wizard
* Compare

=== Probleme ===
'''DAM Upload geht für Benutzer''' nicht mehr (Fehler Meta Daten können nicht geschrieben werden)
Beim neu indizieren geht dem dam der Media Ordner verloren. Er legt dann einen neuen an, in den er scheiben möchte. Die Benutzer sind abe noch auf den alten eingestellt. D.h. die Benutzergruppen m´üssen auf den neuen eingestellt werden.

Im Dam stehen im IE7 die Benutzerwerkzeuge nicht zur verfügung (löschen etc.) nur der Stift ist noch da.

Lösung: Das Problem ist das CSS für das Fenster. Es verdeckt die restlichen Symbole
Forum: 24.7.

Ich hatte das gleiche Problem bis vor 5 Minuten auch,
gelöst habe ich es so:
- Datei: class.tx_dam_listbase.php im Ordner DAM\lib\
Unter der Zeile 256 ('itemTD' => ' class="typo3-dblist-item"',)
ist in 3 Werten als Breite 1% angegeben. Das auskommentieren

- Datei: stylesheet.cdd in typo3_src\typo3\
table.typo3-dblist width: 98%; durch width: auto; ersetzen und in
table.typo3-dblist tr td {width: auto;} einsetzen,

damit hats bei mir im IE 7, Firefox, safari für Win und Opera alles richtig angezeigt :-)

Ich hoffe, geholrfen zu haben,
Schmoozer

Bug in Mount Points

== Datenbank über Root Shell sichern (mysql backup) ==

mysqldump -opt ...

Beispiele

Die häufigste Anwendung von mysqldump ist wahrscheinlich die '''Erstellung eines Backups einer vollständigen Datenbank''':

shell> mysqldump --opt db_name > backup-file.sql

oder mit User und Passwortangabe:
mysqldump -u meinDBUser -pGEHEIM db_name > backup.sql

--opt ist in neueren MySQL Versionen Standardmäßig an deshalb lassen wir es mal weg.

Die Speicherauszugsdatei können Sie wie folgt '''wieder einspielen'''.

shell> mysql db_name < backup-file.sql

Oder aber so:

shell> mysql -e "source /path-to-backup/backup-file.sql" db_name

mysqldump ist ferner sehr nützlich zum Ausfüllen von Datenbanken durch Kopieren von Daten von einem MySQL Server auf einen anderen:

shell> mysqldump --opt db_name | mysql --host=remote_host -C db_name

Sie können mit einem einzigen Befehl einen Speicherauszug mehrerer Datenbanken erstellen:

shell> mysqldump --databases db_name1 [db_name2 ...] > my_databases.sql

Um einen Speicherauszug aller Datenbanken zu erstellen, verwenden Sie die Option --all-databases:

shell> mysqldump --all-databases > all_databases.sql

Bei InnoDB-Tabellen bietet mysqldump die Möglichkeit, eine Online-Sicherung zu erstellen:

shell> mysqldump --all-databases --single-transaction > all_databases.sql

Diese Datensicherung muss vor Beginn des Speicherauszugsvorgangs lediglich (mit FLUSH TABLES WITH READ LOCK) eine globale Lesesperre für alle Tabellen erwirken. Sobald diese Sperre aktiv ist, werden die Koordinaten des Binärlogs ausgelesen, und die Sperre wird aufgehoben. Wenn beim Absetzen der FLUSH-Anweisung gerade eine umfangreiche Änderungsanweisung ausgeführt wird, dann – und nur dann! – kann der MySQL Server stehen bleiben, bis diese lange Anweisung ausgeführt ist; danach ist der Server sperrfrei. Wenn die vom MySQL Server empfangenen Änderungsanweisungen (in Bezug auf ihre Ausführungsdauer) kurz sind, sollte die anfängliche Sperrperiode auch bei vielen Änderungen nicht spürbar sein.

Bei der Point-in-Time-Wiederherstellung (die auch als „Roll-Forward“ bezeichnet wird, wenn Sie ein altes Backup wiederherstellen und die seitdem durchgeführten Änderungen neu aufspielen müssen) ist es häufig nützlich, das Binärlog zu rotieren (siehe Abschnitt 5.12.3, „Die binäre Update-Logdatei“) oder zumindest die Binärlogkoordinaten zu kennen, denen der Speicherauszug entspricht:

shell> mysqldump --all-databases --master-data=2 > all_databases.sql

Oder:

shell> mysqldump --all-databases --flush-logs --master-data=2
> all_databases.sql

== Mass Update Script ==

Yesterday some updates came out for TYPO3. These updates fixed certain issues and we needed to update all of our excellent shared hosting environments.

We already have a script (which is more elaborate now) that checks all our TYPO3 installations and sends the sysadmins a nice report about its findings. We use part of that report (list of paths to Document Roots) to feed the updater script.

The TYPO3 update requires you to do the followi

* update encryption key
* clear configuration cache
* clear page cache

We do not want to go into 200+ TYPO3 backends and do those tasks manually. We are lazy and we will write a script to automagically do the boring tasks for us.

This script is not perfect but it works well on Debian systems. You can modify it to fit your needs. It was just a quick hack to ease the upgrade pain. Take care to switch the symlink part for upgrade runs of different versions of TYPO3.

I am not responsible for any damage to your system that may occur to misuse of this script. Make sure you understand it before you run it. Run it with a single URI before attempting a whole ist of URI's.

Ein Massen Update Script von:

http://typofree.org/article/archive/2009/january/title/typo3-mass-upgrade-script/
Zugriff am 12.3.2009

http://typofree.org/article/archive/2009/january/title/typo3-mass-upgrade-script/

TYPO3 mass update script

1.
#!/bin/sh
2.
binDir=/usr/bin/
3.
sleep=2
4.

5.
pageCacheTables=(
6.
cache_pages
7.
cache_pagesection
8.
)
9.

10.
sites=(
11.
/var/www/sites/live/www.somedomain.tld
12.
/var/www/sites/live/www.someotherdomain.tld
13.
/var/www/sites/live/www.yetsomeotherdomain.tld
14.
)
15.

16.
len=${#sites[*]}
17.
pageCacheTablesLength=${#pageCacheTables[*]}
18.
i=0
19.
while [ $i -lt $len ]; do
20.
echo updating: ${sites[$i]}
21.
cd ${sites[$i]}
22.
rm typo3_src
23.
ln -s ../../sources/typo3_src-4.2.5 typo3_src
24.

25.
echo generating new key
26.
k=0
27.
key=''
28.
while [ $k -lt 96 ]; do
29.
key=$key$(head -100 /dev/urandom | md5sum | cut -c1)
30.
let k++
31.
done
32.
echo key: $key
33.
sed -i "s/$\$TYPO3_CONF_VARS\['SYS']\['encryptionKey'] = $.*/\1'$key';/g" typo3conf/localconf.php
34.

35.
echo removing configuration cache
36.
rm -f typo3conf/temp_CACHED*
37.

38.
echo clearing page cache
39.
# For some insane reason some values are enclosed in double qotes
40.
database=$(grep "typo_db " typo3conf/localconf.php | tail -1 | sed "s/^[^']*'$[^']*$'.*/\1/" | grep '$typo_db =')
41.
if [ -z "$database" ] ; then
42.
database=$(grep "typo_db " typo3conf/localconf.php | tail -1 | sed "s/^[^']*'$[^']*$'.*/\1/")
43.
else
44.
database=$(grep "typo_db " typo3conf/localconf.php | tail -1 | sed "s/^[^\"]*\"$[^\"]*$\".*/\1/")
45.
fi
46.
username=$(grep "typo_db_username " typo3conf/localconf.php | tail -1 | sed "s/^[^']*'$[^']*$'.*/\1/" | grep '$typo_db_username =')
47.
if [ -z "$username" ] ; then
48.
username=$(grep "typo_db_username " typo3conf/localconf.php | tail -1 | sed "s/^[^']*'$[^']*$'.*/\1/")
49.
else
50.
username=$(grep "typo_db_username " typo3conf/localconf.php | tail -1 | sed "s/^[^\"]*\"$[^\"]*$\".*/\1/")
51.
fi
52.
password=$(grep "typo_db_password " typo3conf/localconf.php | tail -1 | sed "s/^[^']*'$[^']*$'.*/\1/" | grep '$typo_db_password =')
53.
if [ -z "$password" ] ; then
54.
password=$(grep "typo_db_password " typo3conf/localconf.php | tail -1 | sed "s/^[^']*'$[^']*$'.*/\1/")
55.
else
56.
password=$(grep "typo_db_password " typo3conf/localconf.php | tail -1 | sed "s/^[^\"]*\"$[^\"]*$\".*/\1/")
57.
fi
58.
j=0
59.
while [ $j -lt $pageCacheTablesLength ];
60.
do
61.
nice -n 19 ${binDir}mysql --batch -u$username -p"$password" -D$database -e "TRUNCATE ${pageCacheTables[$j]}"
62.
nice -n 19 ${binDir}mysql --batch -u$username -p"$password" -D$database -e "ALTER TABLE ${pageCacheTables[$j]} auto_increment=1"
63.
let j++
64.
done
65.

66.
echo "done! Sleeping $sleep seconds . . ."
67.
sleep $sleep
68.

69.
echo
70.
let i++
71.
done

MySQL - Kommandozeile

2012-10-10T10:53:31Z

149.172.152.49: /* wieder einspielen */

Die wichtigsten mySQL Befehle...
== Dienstprogramm 'mysql' starten==
mysql -p<Paßwort> -u <Benutzername> <DB-Name>
oder
mysql -u <Benutzername> -p <DB-Name>
Enter password: ********

=== Datenbank wechseln - use ===
=== Datenbank erstellen - CREATE DATABASE ===
CREATE DATABASE dbName;
=== Dateien abarbeiten ===
ateien abarbeiten
Wie oben schon erwähnt, kann man die Befehle auch mit einem ASCII[*]-Editor in eine Datei schreiben und diese dann abarbeiten lassen. Der Aufruf, der das Abarbeiten der Datei startet, ähnelt dem normalen mysql-Aufruf:

mysql -p{Paßwort} -u{Benutzername} {DB-Name} < dateiname

Alle (Fehler-)Meldungen, die normalerweise angezeigt werden, werden auf den Bildschirm geschrieben.
=== Backup ===
z.B. mit mysqldump
- langsam aber sehr sicher (hohe Portabilität, im laufenden Betrieb)
mysqldump -u username -pdbname > dateiname.sql
Enter password: xxx

==== wieder einspielen ====
sql-Datei hochspielen (FTP o.ä.)
einspielen wie in Dateien abarbeiten beschrieben:
mysql -u username -p dbname < dateiname

oder

mysql -u username -pMeinPasswort dbname < dateiname

== Datenbank sichern mit mysqldump ==

== Datenbank sichern ==

Kurzanleitung zur Anlage einer Database und einer Tabelle in MySQL
--------------------------------------------------------------------------------

Werden mehrere SQL-Kommandos benötigt, empfiehlt es sich, diese in einer einfachen ASCII-Textdatei abzulegen. Dann können sie leicht editiert und (eventuell geändert) wiederholt eingelesen werden.
Deshalb erstellen wir eine Datei 'MeineDb.sql' mit folgendem Inhalt:

<pre>
-- SQL-Datei für MySQL
-- Beim ersten Laden muss die folgende Zeile auskommentiert sein,
-- bei wiederholten Versuchen muss sie aktiviert sein ('--' entfernen):
-- DROP DATABASE MeineDb;
CREATE DATABASE MeineDb;
SHOW databases;
USE MeineDb;
CREATE TABLE MeineTestTabelle ( i INT, c CHAR(3), s VARCHAR(8), dt DATE );
CREATE TABLE MeineAdressen ( Name VARCHAR(16), Plz INT, Ort VARCHAR(16) );
SHOW tables;
INSERT INTO MeineTestTabelle VALUES ( 11, 'ABC', 'Blubb', '2000-01-01' );
INSERT INTO MeineTestTabelle VALUES ( 12, 'ab', 'Blabla', '2000-12-31' );
INSERT INTO MeineTestTabelle VALUES ( 42, 'xy', 'äöüß§€', '2005-06-06' );
SELECT * FROM MeineTestTabelle;
INSERT INTO MeineAdressen VALUES ( 'Achim', 52078, 'Aachen' );
INSERT INTO MeineAdressen VALUES ( 'Alexander', 52134, 'Herzogenrath' );
INSERT INTO MeineAdressen VALUES ( 'Helmut', 52066, 'Aachen' );
INSERT INTO MeineAdressen VALUES ( 'Josef', 52070, 'Aachen' );
INSERT INTO MeineAdressen VALUES ( 'Manfred', 52146, 'Würselen' );
INSERT INTO MeineAdressen VALUES ( 'Patrick', 52074, 'Aachen' );
INSERT INTO MeineAdressen VALUES ( 'Roland', 52134, 'Herzogenrath' );
INSERT INTO MeineAdressen VALUES ( 'Torsten', 52072, 'Aachen' );
INSERT INTO MeineAdressen VALUES ( 'Werner', 52066, 'Aachen' );
SELECT * FROM MeineAdressen;
</pre>

Ausführen:
mysql -uroot -pmysqlpwd < MeineDb.sql
Testen mit:

<pre>
mysql -uroot -pmysqlpwd MeineDb

select * from MeineTestTabelle;

\q
</pre>
ergibt:

+------+------+--------+------------+
| i | c | s | dt |
+------+------+--------+------------+
| 11 | ABC | Blubb | 2000-01-01 |
| 12 | ab | Blabla | 2000-12-31 |
| 42 | xy | äöüß§€ | 2005-06-06 |
+------+------+--------+------------+

Der String 'äöüß§€' wird im Kommandozeilenfenster beim üblicherweise eingestellten Characterset falsch dargestellt, ist aber trotzdem korrekt gespeichert.

Typo3 - Installation

2012-10-10T09:39:57Z

149.172.152.49: /* Download Source */

== Update auf all-inkl Server ==
* Download über php Skript (sehr schnell)
* Auspacken über Web FTP
* Symlinks und Rechte über Web FTP
* Download Tool und Archiv-Datei löschen

Hinweis: bei Upload über das Web FTP Tool kann auch gleichzeitig ausgepackt werden.

Verzeichnisstruktur:
<pre>
typo3_src -> typo3_src-x.x.x
t3lib -> typo3_src/t3lib
typo3 -> typo3_src/typo3
index.php -> typo3_src/index.php
</pre>

Rechte:

'''755 Gruppe des Webservers'''
<pre>
fileadmin
typo3conf
typo3temp
uploads
</pre>
Fileadmin kann auf kasserver auch 777 sein, damit man besser mit ftp arbeiten kann

'''Rest''' 755 FTP User

== Quick Update ==

=== Release Notes lesen ===
http://wiki.typo3.org/Category:ReleaseNotes aller Zwischenversionen checken

=== Datenbank sichern ===
mysqldump -u meinDBUser -pGEHEIM db_name > backup.sql

im Notfall wieder einspielen mit:

shell> mysql db_name < backup.sql

=== Download Source ===
wget http://prdownloads.sourceforge.net/typo3/typo3_src-4.0.4.tar.gz?download

(aktuelle Version auf http://typo3.org/download/packages/ nachschauen und im Zweifel Link kopieren.)

=== Auspacken ===
tar xzf typo3_src-4.0.2.tar.gz
=== Symlink anpassen ===
Es gibt einen '''Symlink''' typo3_src, der auf die Source verweist.
typo3_src -> ../NameDesTypo3SourceOrdners
Dieser muß angepasst werden.

ln -s typo3_src-4.0.2 typo3_src

Wenn überschreiben nicht möglich ist mit -f (force) Option testen oder Link löschen und neu anlegen.

=== Aufräumen ===
Wenn man den typo3_src Symlink auf eine andere Source umbiegt kann man ganz schnell ein Update ausprobieren oder eine neue source testen
* Die Archive '''löschen''':
rm dummy-4.0.3.tar.gz
rm typo3_src-4.0.2.tar.gz

== Typo3 Autoinstallation ==

[[Typo3 - automatische Installation (Linux)]]

Wünschenswert wäre ein Script, welches eine Typo3 Grundinstallation vollautomatisch durchführt. Als ersten Schritt einige Vorüberlegungen:
Die Installation sollte nach Angabe einer Datenbank die Typo3 Verzeichnisse hochladen, auspacken und das Konfigurationsfile mit den Datenbankwerten belegen. Weiterhin sollte die Datenbank bereits einen Admin-User einige Seiten und einige Grundtemplates enthalten. Typo3 enthält ja die Möglichkeit im DB Teil der installation ein eigenes .sql File zu benutzen, welches bereits die nötigen Werte enthält.

== W-Manager ==

* Datenbank und Benutzer installieren
* Dump einspielen (am besten auf webspace legen und mit wget runterziehen, oder über Plesk>phpmyadmin einspielen)
shell> mysql db_name < backup-file.sql

* Im Webverzeichnis (oder darunter) neueste Source downloaden und auspacken
wget http://prdownloads.sourceforge.net/typo3/typo3_src-4.0.4.tar.gz?download
wget http://prdownloads.sourceforge.net/typo3/dummy-4.0.4.tar.gz?download
* Im Stammverzeichnis dummy downloaden und auspacken
* dummy Inhalt in Stammverzeichnis kopieren und typo3_src symlink auf neue Source umbiegen.
* Datei-Rechte anpassen
755 Gruppe ist wwwserver - Gruppe
chgrp -R <wwwserver> fileadmin typo3conf typo3temp uploads
chmod -R g+w,o-rwx fileadmin typo3conf typo3temp uploads
** bei reinem ftp Zugriff Gruppe lassen und 777
* w-manager Dateien reinkopieren (upload, fileadmin, typo3conf) evtl als tar Paket vorhalten)
* localconf.php anpassen (neue Datenbank Daten eintragen)
* Installationstool: Compare und Update Manager
* Evtl. neues DB Image:
mysqldump -u benutzername -p -B --add-drop-table datenbank > typo3DBSicherung.sql
* Seitenbaum anpassen (Sitename)
* Assets anpassen (Bilder, Logo)
* CSS Anpassen (Schriften, Farben)
* Template Anpassen (Anschrift unten)
* Print Template anpassen (Copyright...)

=== ToDos ===
* Margins bei Überschriften
* Update auf aktuelle Version
* Kontaktformular
** Zielseite
** Felder gebrauchsfertig ;-)
* Extension metatags und tt_news vorkonfiguriert
* preconfiguration (als Extension für wichtige Features - siehe gbt3-tools)

== GBT3-Tools ==
Siehe auch [[gbt3settings]]
Vorkonfigurierte Bausteine für Typo3 Installation
- Trennung HTML-Templates und TS Bausteine?
- Gute Version in Party - Reutlingen und Lokal
- modifiziertes yui
- diverse Bausteine

=== Übersicht ===
* Einspielen DB
* Kopieren Typo3
* Anpassen localconf (Sitename, DB-Daten)

Wenn Typo3 schon installiert und die localconf schon angelegt:

So gehts:

* die sql Datei muß in den Ordner typo3Conf
* Im Installer (/typo3/install) in Database Analyzer wechseln und dort kann man die Daten Importieren
* Im Typo3-Backend (user: admin p: geheim) in den Extension Manager gehen und folgende Extensions installieren:
1. Die Extension aus dem Zip Ordner - in der habe ich schon mal alle Voreinstellungen gemacht die man braucht.
2. /rlmp_tmplselector/ - gibts im Online Repository
3. tt_news neueste Version
* Cache löschen und dann müßte eigentlich schon was im Frontend zu sehen sein.

== Kurzversion ==

=== Uploaden ===

# Typo3 - Dummy auf den Server laden (Inhalt landet im Webverzeichnis)
# Typo3 - Source auf den Server laden (besser ein Level unterhalb webspace)
# evt. Symlinks anpassen
# Datei ENABLE_INSTALL_TOOL im typo3_conf Verzeichnis erstellen. Früher: (Aus dem Installscript /typo3/install/index.php die die() Funktion auskommentieren (veraltet))
# Install Skript im Browser aufrufen (Standard Passwort ist joh316)
# Passwort ändern !! und neu einloggen (evt. Schreibrecht für /typo3/typo3conf/localconf.php setzten)

=== Basic Configuration ===

# Schreibrechte für die rot markierten Ordner ändern und den den fileadmin Ordner ebenfalls schreibbar machen.
# Datenbank Zugangsdaten eingeben. Host ist in der Regel 'localhost'
# Update localconf.php klicken dann click to continue
# Jetzt die Datenbank im neuen Dropdownfeld. Auswählen
# Encryption key: Generate Knopf klicken

=== Database Analyser ===
# Benötigte Tabellen anlegen: Compare klicken - dann write to database
# Dump static data IMPORT
# (Notwendig?) Tabellen füllen mit statischen Templates typo3conf/database.sql (1.1 M) ebenfalls Compare und write to database
# admin User erstellen damit man sich im Backend einloggen kann.

'''Hinweis:''' wenn man eine gute leere Installation hat kann man diese Daten komplett in ein sql-Standardfile exportieren und bei einer frischen Typo3 Installation komplett einspielen.

=== All Configuration ===
# [gdlib_2] auf 1 stellen Wenn GDlib Version 2 Verwendet wird
# [TTFdpi] muß auf 96 stehen wenn die Schrift im Bild bei 'Basic Configuration' nicht vollständig angezeigt wird.
# [noEdit] auf 0 stellen dann kann man vom Backend-Bereich Text-Dateien (z.B. CSS-Files) verändern.
# [warning_email_addr] setzten dann bekommt man eine Email wenn sich jemand viermal falsch einloggt

=== Wichtige ToDos im Typo Backend ===
siehe auch [[Typo3 - Grundeinstellungen]]

# Passwort für Install Tool ändern
# Ab Typo4.x DB References Updaten
# Error Handler löschen und Deprecation Log abschalten (Install Tool)
Install Tool: productionExceptionHandler,debugExceptionHandler,errorHandler löschen und enableDeprecationLog löschen
# Deutsche Sprachpakete im Extension Manage laden (für 3.8 die CSH Files)
# Standard Templates TS-Templates evt. HTML Template und CSS (für TV und Automaketemplate die Extensions nicht vergessen)
# Benutzer Konfiguration bzw. Page Konfiguration (UserTS und PageTS)
# Standard Extensions installieren
# simulatestaticdocs oder realurl

== Typo3 auf Unix installieren ==

Der ganz ausführliche Weg über die Shell:

[[Typo3 - Installation zu Fuß (Linux Shell)]]

Über Shell mit den Tar Paketen:

* Evt. Shell-Zugang erlauben (z.B. mit bash Terminal. Später wieder abschalten!)
* Remote Zugang z.B. mit Putty herstellen (Session > [IP], SSH /
* Tar Pakete holen:
wget http://prdownloads.sourceforge.net/typo3/typo3_src-4.0.4.tar.gz?download
wget http://prdownloads.sourceforge.net/typo3/dummy-4.0.4.tar.gz?download

aktuelle Version auf http://typo3.org/download/packages/ nachschauen

* jetzt beide Pakete '''auspacken'''

tar xzf dummy-4.0.2.tar.gz
tar xzf typo3_src-4.0.2.tar.gz

* Es entstehen die Verzeichnisse
typo3_src-4.0.2
dummy-4.0.2

der Inhalt des Dummy Paket liegt später direkt auf der Hauptebene. Deshalb '''verschieben''' wir den Inhalt des '''Dummy Paket''' eine Ebene nach unten in das Wurzelverzeichnis (die aktuelle Ebene).
mv dummy-4.0.2/* ./

''Hinweis: Eine weitere Möglichkeit wäre die Dateien im Ordner zu belassen, ihn sinnvoll umzubenennen (z.B. cms/) und die Domain z.B. als virtual Host auf den Unterordner gehen zu lassen.''

* Es gibt einen '''Symlink''' auf der Hauptebene (vorher im Dummy-Verzeichnis)
typo3_src -> ../NameDesTypo3SourceOrdners
Damit der Symlink stimmt müssen wir Ihn ändern (d.h. löschen oder überschreiben)

ln -s typo3_src-4.0.2 typo3_src

Wenn man den typo3_src Symlink auf eine andere Source umbiegt kann man ganz schnell ein Update ausprobieren oder eine neue source testen
* Die Archive und den leeren Dummy Ordner kann man jetzt '''löschen''':
rm -r dummy-4.0.2
rm dummy-4.0.3.tar.gz
rm typo3_src-4.0.2.tar.gz

* Im Browser müßte jetzt schon was kommen (/typo3 oder /index.php)
* Ist auf dem Plesk in der Domain auch php aktiviert ?
* Wenn eine Fehlermeldung kommt bzgl. open_basedir dann eventuell Plesk dazu bringen die vhost.conf-Datei einzubinden [[http://wiki.zone30.info/wikizone/index.php/Linux_-_Server_Administration#Eigenen_Apache-Config_anlegen:_Plesk_per_vhost.conf]]
* Mit dem vi Editor können wir die Die Funktion im Installer auskommentieren:
vi typo3_src-4.0.2/install/index.php

* Mit i kommt man in den Einfügemodus Esc verläßt ihn :wq! speichert und schließt den Editor.
Hinweis: ab Version 4.1 reicht es eine Datei mit dem Namen ENABLE_INSTALL_TOOL im Verzeichnis typo3conf anzulegen um das Install Tool freizuschalten.
* Jetzt kann man den Typo3 Installer starten
* Um die Rechte im Terminal anzupassen kann man den Befehl chmod benutzen

Rechte einstellen:(as root): There are at least two options.
Diese Schritte setzen die Rechte für 4 Ordner:
* fileadmin/
* typo3conf/
* typo3temp/
* uploads/

a (am Besten)

Diese Kommandos als root ausführen:
chgrp -R <wwwserver> fileadmin typo3conf typo3temp uploads
chmod -R g+w,o-rwx fileadmin typo3conf typo3temp uploads

wobei <wwwserver> der Name der Gruppe des Webservers ist

'''Hinweis:''' bei 1und1 (mit Plesk) ist die Gruppe i.d.R. www und der Benutzer wwwrun

b (nicht sicher aber einfach)

Nicht auf geteilten Servern nutzen:

Simply run this command:
$ chmod -R a+w fileadmin typo3conf typo3temp uploads

=== Beschreibung der Installation aus der Datei 'install.txt' der Typo3 4.0.2 Distribution ===

<pre>
**************************
* UNIX ARCHIVES OF TYPO3 *
**************************

INTRODUCTION
============

As you have downloaded this package you seem to know already about TYPO3.
If you don't, visit http://typo3.org/ where you can find many useful
information.

This short guide lists the important steps to install this package.

By default TYPO3 installs into the folder:
http://[your.site.name]/<this_site_name>/

Read the additional instructions to install TYPO3 in the root folder:
http://[your.site.name]/

IMPORTANT NOTE
==============

Please be aware of the fact that the file transfer protocol (FTP) does not
support Symlinks. You cannot unpack these archives locally and copy them
to your server using FTP, even if the target server actually is a Unix
server.

So if you don't have shell access, try to use a terminal emulator instead.
(PHPshell to give you an example - Google knows all of them!)

If this doesn't work you'll have to stick back to the ZIP version :-(

NEWBIE INFORMATION ABOUT THE TYPO3 FILESYSTEM STRUCTURE
=======================================================

A Unix TYPO3 installation consists of two parts:
1) The "source" package
2) The "dummy" package

The dummy package contains the skeleton directory structure for a TYPO3
installation and a symlink ('typo3_src') to the location of the source
package which contains all the PHP files, images, JavaScript files, etc.
that TYPO3 needs to run.

In other words: You can have several TYPO3 installations with just one
source package. A typical directory structure looks like this:

/var/www/typo3_src-3.8.1/ # the untared 3.8.0 source package
/var/www/typo3_src-4.0/ # the untared 4.0 source package
/var/www/installation1/ # the untared dummy package of a TYPO3
# installation running on TYPO3 3.8.1
/typo3_src --> ../typo3_src-3.8.1/ # a symlink to the 3.8.1 source
/typo3conf/
/typo3temp/
/fileadmin/
/.../
/var/www/installation2/ # the untared dummy package of a TYPO3
# installation running on TYPO3 4.0
/typo3_src --> ../typo3_src-4.0/ # a symlink to the 4.0 source
/typo3conf/
/typo3temp/
/fileadmin/
/.../

As you see, the two TYPO3-installations (possibly with different domains)
can use the same TYPO3 source package. You can even change the source
package simply be changing the symlink inside the installation directory.

STEP BY STEP
============

1 Get the TYPO3 source package and the TYPO3 dummy package.

2 Copy the archives to the web root of your server.
(Debian default is /var/www/, SuSE default is /srv/www/)

3 Unpack the archives:
$ tar xzf typo3_src-<version>.tar.gz
$ tar xfz dummy-<version>.tar.gz

4 Rename the dummy-<version> directory to fit your needs and make sure it
is accessible by your webserver (for example by creating a virtual
host). We assume you rename the directory to cms:
$ mv dummy-<version> cms

5 Set permissions (as root): There are at least two options.
These steps will make four directories writable for the webserver:
- cms/fileadmin/
- cms/typo3conf/
- cms/typo3temp/
- cms/uploads/

5.a (recommended)
Run these commands as root in the cms/ directory:
# chgrp -R <wwwserver> fileadmin typo3conf typo3temp uploads
# chmod -R g+w,o-rwx fileadmin typo3conf typo3temp uploads

... where <wwwserver> is the name of the group your webserver
is running as

5.b (insecure but easy to apply)
I repeat: This is insecure!
Do not use this method if you are working on a shared server!

Simply run this command:
$ chmod -R a+w fileadmin typo3conf typo3temp uploads

6 Check the symlink cms/typo3_src and make sure it points to the source
directory.
(See above: "Newbie information about the TYPO3 filesystem structure")

7 In your browser, visit
http://[your.site.name]/cms/

8 Follow the instructions in the 1-2-3 install tool

9 From this point, you can access the backend through
http://[your.site.name]/cms/typo3/
with the username "admin" and password "password".

That's it :-)

INSTALLING TYPO3 IN THE WEBROOT FOLDER
======================================

1 Follow the steps 1-6 above.

2 Move the files in the cms/ folder up one level.

$ cd cms
$ mv * ../
$ cd ../

3 Update the symlink

$ rm typo3_src
$ ln -s ./typo3_src-<version> typo3_src

4 Now TYPO3 runs in http://[your.site.name]/

That's it :-)

WHAT SHOULD YOU DO IF YOU HAVE A PROBLEM?
=========================================

TYPO3 is a powerful and complex professional application. When you start
out there will be many things you don´t understand, or that don't seem to
make sense. There is a widely used mailing list (more information on
typo3.com & typo3.org) where many experienced users and developers
lurk... they are always willing to help, provided you followed these steps
BEFORE you ask your question:

1 - Read all available documentation carefully

2 - Read the webserver error logfiles
(for example /var/log/apache/error.log)

3 - Read all available documentation again

4 - Search the mailing list archive carefully

5 - If you still can't figure it out - ask the list...:
- Newsgroup: news://news.netfielders.de/
- Mailing lists: http://lists.netfielders.de/

When posting to one of the lists, see the following guidelines...
- Be polite
Always include the version of used TYPO3 and server environment
(phpinfo())... note that this is available within the TYPO3
Install Tool
- Be as specific and clear as possible - questions like "my TYPO3
installation does not work - what can I do???" will be ignored.
Although English may not be your first language, if those reading
your posting can't understand it, you won't get the help you need
- If you are really having a tough time getting something working,
stay cool and don't criticise or flame. Problems are normally
caused by lack of research into the documentation, or
misunderstanding, not because of bugs. Be logical about your
troubleshooting, and you'll get there

6 - If you have identified a genuine new bug, report it at
http://bugs.typo3.org/ ...do not post to the list about it

Please be aware that if you ask questions that are answered in the
available documentation, you may not get a reply, or any help from the
developers or any experienced users!

We are aware that there is still some work to be done on the
documentation, and the platform for user support... please forgive us for
not having all these gaps filled. If you feel that some information is
missing, hard to find or just plain wrong, or you have a suggestion on
improving TYPO3 or the "support services", please let us know so that we
can do what is necessary. You could also volunteer to help with the work!

(c) Nigel Jackson, Ingmar Schlecht
Unix related additions made by Michael Stucki and some Wiki users:
http://wiki.typo3.org/index.php/Tgz-INSTALL.txt

-- Michael Stucki <michael@typo3.org> Sun, 26 Mar 2006 22:10:53 +0100
</pre>

== Probleme mit Plesk ==
siehe auch hier:

[[Linux - Server Administration]]

* The script whose uid is 10001 is not allowed to access /httpdocs/html/typo3temp/cs owned by uid 30 in /httpdocs/html/t3lib/class.t3lib_div.php on line 2420

Das deutet in der Regel darauf hin, dass was mit den User-Rechten der Files nicht passt. Bei Plesk sollten die Typo3 Sourcen, sowie "httpdocs" dem FTP-User aus der Gruppe "psaserv" gehören.

* Installer geht nicht, localconf not found
Die Webverzeichnisse auf die Apache zugreift sollten dagegen der '''Gruppe www''' gehören (web user ist übrigens meistens wwwrun)

== ImageMagick installieren ==
=== Mit Yast installieren ===
http://wiki.zone30.info/wikizone/index.php/ImageMagick_installieren

=== ImageMagick auf Vserver global installieren ===
19 01 2007

Wenn man ImageMagick auf seinem Vserver global installieren möchte, um für alle Typo3 installationen ImageMagick nutzen zu können, kann man wie folgt vorgehen.

Auch hier eignet sich die Version 4.2.9., zu finden unter typo3.org, recht gut.
http://typo3.sunsite.dk/software/linux/

Danach kopiert man am einfachsten mit winscp die Dateien auf den Server in das Verzeichnis:

/usr/bin.
Hier ist nur der Ordner “bin” für diese Anwendung interessant.
Im Ordner “bin” findet man folgende Dateien:

convert, combine, identify, convert.bin, combine.bin, identify.bin, wrapper.sh.
Die Dateien ohne die Endung “.bin” sind nur Verknüpfungen, und erstmal nicht wichtig.
Gebraucht werden nur convert.bin, combine.bin, identify.bin!

Die Entpackten Dateien liegen nur im usr/bin Verzeichnis.
Typo3 fragt bei der Installation automatisch dieses Verzeichnis ab, und sucht nach der passenden Programmversion.

Das wars

<pre>
Ergänzung (Steff)

bei Einsatz von Plesk kann es sein das diese Vorgehensweise nicht funktioniert. Dort kann man aber die statisch kompilierte Version in das CGI-Verzeichnis der virtuellen Hosts legen. Etwa unter /srv/www/vhosts/meineDomain.de/cgi-bin
</pre>

Auf den 1und1 Webhosting-Paketen läuft die Geschichte im Prinzip ziemlich einfach ab.
Falls keine root -Rechte vorhanden, entpackt man IM erstmal lokal in ein Verzeichnis.
Man erhält folgende Ordner Struktur.

Hier ist nur der Ordner “bin” für diese Anwendung interessant.
Im Ordner “bin” findet man folgende Dateien:

convert, combine, identify, convert.bin, combine.bin, identify.bin, wrapper.sh.
Die Dateien ohne die Endung “.bin” sind nur Verknüpfungen, und erstmal nicht wichtig.
Gebraucht werden nur convert.bin, combine.bin, identify.bin!

Diese 3 Dateien kopiert man jetzt mit einem ftp Programm auf den Webspace
in den Ordner cgi-bin, und vergibt diesem Ordner vorerst mal alle Rechte (chmod 777)

Im Ordner cgi-bin findet man nun die Dateien convert.bin, combine.bin, identify.bin
Wichtig ist jetzt, das die Endung .bin entfernt wird.

Diesen 3 Dateien auch erstmal auf chmod 777
Ergänzung Steff: später die Gruppe und Besitzer auf php-user stellen und Rechte auf 755

Jetzt wechselt man ins Typo3 Install-tool auf den Punkt “All Configuration”

Jetzt muss nur noch IM aktiviert werden, und der absolute Pfad zu den Dateien angeben werden.
Speichern nicht vergessen.

Zur Kontrolle wechselt man jetzt noch mal zum Punkt “Basic Configuration”.
Dort müsste jetzt IM aktiviert und erkannt werden.

Das war’s.
Installation unter einem VPS folgt

Quelle (mit Bildern): http://www.webdesign-limburg.com/blog/?p=21 und http://www.webdesign-limburg.com/blog/?p=21

=== auf Virtuellem Server (Suse) ===
Ist es schon da?
convert -version
sollte dann die Version ausgeben
Anleitung unter:
http://www.imagemagick.org/script/install-source.php#unix
Klassisch:

== Image Magick über SSH Zugang auf VMWare ==
Quelle: http://www.4many.net/imagemagick_setup.html

<pre>
ImageMagick Installation on Virtual Host Account with SSH Access
Situation: Customer got virtual host with ssh access
TYPO3 was installed
no ImageMagick
after installing static linked package imagemagick-4.2.9_i386-static-1.tar.gz
TYPO3 complained that no valid version could be found
Problem: It turned out that due to the virtual setup and the setup of the Apache the environment got lost and the ImageMagick.so.9 couldn't be found during the exec()
Challenge:

1. convince the provider to change the setup
Nice try!
2. convince the provider to install ImageMagick globally
No support for third party products
3. fix it in TYPO3 to pass environment
possible solution, just no time to do so

Solution: Fixed it on script level

1. move required executable to *.bin, i.e.

mv convert convert.bin
mv combine combine.bin
mv identify identify.bin

2. create script

pico convert

3. content of the script file

#!/usr/local/bin/bash
export PATH; PATH="/home/usr203227042/ImageMagick-4.2.9/bin:$PATH"
export MAGICK_HOME="/home/usr203227042/ImageMagick-4.2.9"
export LD_LIBRARY_PATH="/home/usr203227042/ImageMagick-4.2.9/lib"
/home/usr203227042/ImageMagick-4.2.9/bin/convert.bin $*

4. make script executable

chmod 755 convert

5. repeat steps 2.-4. for combine and identify and don't forget to change convert.bin to the appropriate value
</pre>

== Trennung von Produktions und Live-Server (Bearbeitung der Seiten und Darstellung) ==
Für den Website-Betrieb sind die Verzeichnisse TSLib und T3Lib notwendig um eine Website auszuliefern.

Für die Bearbeitung von Seiten sind die Dateien im Typo3 Verzeichnis zuständig. Ohne Typo3 Verzeichnis gibt es kein Backend aber die Seiten funktionieren trotzdem. Ein gutes Mittel um die Seiten vor Angreifern zu schützen.

siehe auch [[Typo3 - Update]]

== Zentrale Typo3-Installation vs mehrere Typo3 ==

Verschiedene Gründe:
1. Es gibt aus Sicherheitsgründen keinen Remote Zugang für unseren Server. Das macht es etwas umständlicher.

2. Von Version 3.7-3.8 gab es bei manchen Extensions Probleme mit Updates, bzw. es gab Extensions die das Typo auch mal aus dem Tritt brachten. Wenn wir alle Präsenzen auf einem Typo laufen lassen würden wären bei einem Fehler alle Homepages betroffen und Nebenwirkungen unter Umständen nicht so einfach zu sehen. Mit der getrennten Installation kann man auch bei sehr experimentellen Extensions relativ sicher updaten. Auch wenn wir verschiedene Datenbanken benutzen würden. Erst ab Version 4 gibt es außerdem die Möglichkeit Seiten vernünftig zu testen bevor Sie bei Änderungen Online gehen. Das war bisher nur mit einer ziemlich umständlichen Extension möglich.

Manche würden das vielleicht als Übervorsichtig auslegen. Im Endeffekt hat es nur den Nachteil der längeren Uploadzeiten. Speicherplatz spielt im Grunde kaum eine Rolle. Der Server wird auch nicht wesentlich mehr belastet. Weil die Skripte egal ob in einer oder in mehreren Typos ja immer für jede Anfrage abgearbeitet werden.

3. Wir haben den Kunden eine komplette Installation verkauft mit der Sie machen können was Sie wollen. Dafür bekommen Sie natürlich auch eine eigene Installation.

Für die Miettypos werden wir allerdings eine einzelne Installation benutzen. Für eine Agentur bietet sich ebenfalls eine eigene Installation an auf der die betreuten Präsenzen laufen.

4. Manche Typos laufen auf anderen Servern ;-) Z.T. mit Anpassungen im Quellcode vom Typo.

=== Weitere Pro und Kontra Argumente ===

* Zeitersparnis beim Update in zentraler Installation
* Ein Backend=>Admin Account unübersichtlich

== automatische Installation ==

Überlegungen zum automatischen Installieren:

Ausgehend von einer fertigen Grundinstallation mit Benutzern und Rechten plus einigen Dummy-Seiten müßten sich per Knopfdruck Installationen anfertigen lassen.

Einzelschritte:
* Notwendige Dateien (Typo3 System, Filadmin Ordner)
* Datenbank (inkl. Benutzer und Dummy Inhalten)
* Config-Datei (automatisiert ?)

=== Vorstufen ===
1. Halbautomatisch
* komplettes DB Dump über phpMyAdmin o. mysqldump einspielen
* typo 3 Installieren
* fileadmin Ordner aufspielen

2. Automatisch:

* alle benötigten Dateien auf Server zum automatischen Download bereitstellen
* Batchdatei zum automatischen Ablauf

3. Anpassungen:
* neuer Header
* Maße, Farben und Schrift im CSS
* Copyright anpassen
* Printversion anpassen
* Email Adresse in Kontaktformular

== Typo3 - Update ==
=== 3.8 auf 4.0 ===
Ordner typo3, t3lib ersetzen
misc aufspielen
index.php ersetzen (root)

Update Wizard im Install Tool ausführen

Im Database Analyzer Compare und danach die erforderlichen Updates der Datenbanktabellen ausführen.

Nicht benötigte Extensions entfernen und entsprechend Templates anpassen

Alte Sprachpakete löschen und mit dem Translation Handling im Extension Manager die benötigten Sprachen aktualisieren.

=== Kompatibilitätsmodus 3.8 für Version 4 ===
Nach Update von 3.8.x auf 4.0 läuft das Typo zunächst im Kompatibilitätsmodus.

Folgendes sollte verändert werden damit die Ausgabe auch nach umschalten wieder geht.
The following updates will be performed:

changeCompatibilityVersion
TYPO3 output is currently compatible to version 3.8. To use all the new features in the current TYPO3 version, make sure you follow the guidelines below to upgrade without problems.

Follow the steps below carefully and confirm every step!
You will see this list again after you performed the update.
CMS Frontend

*

Word separator character for simulateStaticDocument is changed from underscore (_) to hyphen (-) to make URLs more friendly for search enginesURLs that are already existing (e.g. external links to your site) will still work like before.

You can set the separator character back to an underscore by putting the following line into the Setup section of your Page TypoScript template:

config.simulateStaticDocuments_replacementChar = _
*

CSS Stylesheets and JavaScript are put into an external file by default.

Technically, that means that the default value of "config.inlineStyle2TempFile" is now set to "1" and that of "config.removeDefaultJS" to "external"

Acknowledged
CSS Styled Content: Accessibility improvements

The rendering of the following elements will change:

* tt_content.menu (used f.e. for sitemaps): Instead of div-tags, lists are used now.

* tt_content.mailform: Mailforms do not use tables anymore, instead, they use the div-tag. Besides that, mailforms are accessible now.

* The p-tag has been removed from all table cells.

* CSS based "image" and "text with image"
As the extension cron_cssstyledimgtext has been merged into the core, rendering of the content elements "image" and "text with image" has been changed to be CSS instead of table based. Read the 4.0 release notes for further information.

You will have to update your stylesheets to comply with these changes.

Acknowledged

Check all (ignore selection above)
WARNING: this might break the output of your website.
Show database queries performed

PHP - Probleme lösen

2012-10-09T06:21:42Z

149.172.152.49: /* E-Mail Versand funktioniert nicht mehr */

== Probleme mit Sessions ==

'''Warnung (Fehlermeldung)'''

Warning: Unknown: Your script possibly relies on a session side-effect which existed until PHP 4.2.3. Please be advised that the session extension does not consider global variables as a source of data, unless register_globals is enabled. You can disable this functionality and this warning by setting session.bug_compat_42 or session.bug_compat_warn to off, respectively. in Unknown on line 0

Alte Skripte verlassen sich oft darauf dass Session Variablen global verfügbar sind. Das war früher auch in der Standardeinstellung der Fall (register_globals = on)

Um Skripte upzudaten sollte man nach der Registrierung von Session Variablen suchen (früher hat man das meist mit session_register gemacht) Anstatt session_register schreibt man dann einfach
$_SESSION["meineVar"] = "meinWert";
Damit die Variablen dann später zur verfügung stehen muß man sie wieder aus dem Array rausholen. Z.B.
$meineVar = $_SESSION["meineVar"];

== Probleme mit dem Zeichensatz ==
Vor allem im Zusammenspiel Datenbank -> PHP -> Browser kann es zu Problemen kommen. Wenn dann noch importierte Daten aus Excel oder Textdateien dazukommen...

Es gibt verschiedene Stellschrauben:

Datenbank:
Kollation der Datenbank / Tabelle / Tabellenfeld
Zeichensatz der Datenbank - Verbindung
PHP:

setlocale(LC_ALL, 'de_DE');
header("Content-Type: text/html; charset=utf-8"); // Nutzt der Browser zum einstellen des ZS

Probleme kann es geben wenn einige Funktionen in PHP (i.d.R. String Funktionen) nicht mit utf-8 zurechtkommen.

Hilfen:

http://dev.mysql.com/doc/refman/5.0/en/charset-connection.ht ml

== Datenbank - Verbindung auf einen Zeichensatz einstellen ==
Symptom: Manche Umlaute gehen manche nicht

Es kann vorkommen das das PHP-Skript in utf-8 vorliegt und dementsprechend auch auf utf-8 ausgaben der Datenbank wartet. Das führt dazu, daß z.B. Umlaute aus der Datei im Browser richtig dargestellt werden, Umlaute aus der DB aber falsch. Der Browser stellt automatisch utf-8 ein weil das im Header der Datei gesendet wird. Die Standardeinstellung für dei Verbindung von mySQL ist aber in den meisten Fällen latin-1 (auch wenn die Tabellen in utf-8 vorliegen). In diesem Fall kann man direkt nach der Verbindung mit der DB im Skript die Anweisung für den zu Benutzenden Zeichensatz an die DB senden.

Eine passende Funktion in php könnte z.B. so aussehen:

<pre>
function dbConnect($server, $user, $pass) {
$conn = @mysql_connect($server, $user, $pass);
if (!$conn) {
echo "Die Verbindung zu ", $server, " konnte nicht hergestellt werden";
exit;
}
mysql_query("set names 'utf8'",$conn); // Verbindung auf utf-8 setzen
return $conn;
}
</pre>

== Formulare funktionieren nicht mehr ==
Wenn früher auf POST / GET Variablen direkt zugegriffen wurde funktioniert das nach abschalten von von register_globals nicht mehr.

Eine schnelle (aber nicht sicherer) Methode um alle POST Variablen schnell mal zu initialisieren ist folgende Funktion:

<pre>
while (list($key,$val) = each($HTTP_POST_VARS)) {
$$key = $val;
}
</pre>

allerdings wird hier alles was über POST kommt ohne Validierung übernommen.
Je nachdem was für Daten erwartet wird könnte man vielleicht noch ein htmlspecialchar, intval o.ä. einbauen.

== E-Mail Versand funktioniert nicht mehr ==
Skripte die vorher funktioniert haben funktionieren nicht mehr.

Eventuell hat sich die Sicherheitsrichtlinie des Servers verändert. Er erwartet eine gültige absender Domain. => Mail Funktion anpassen mit -f Parameter.

Beispiel:
<pre>
$admin_mail="schlegel@geo-bit.de";
$headers='From: NARDA-STS GmbH <service@narda-sts.de>'."\n";
$headers.='Reply-To: service@narda-sts.de'."\n";
$headers.='X-Mailer: PHP/'.phpversion()."\n";
$headers.="Content-Type: text/html\n";
$addParams = '-fservice@narda-sts.de';
mail($to, $subject, $mail_form, $headers,$addParams);
</pre>

PHP - Probleme lösen

2012-10-05T12:02:05Z

149.172.152.49: /* Formulare funktionieren nicht mehr */

Mac Terminal Tipps

2012-10-05T11:21:09Z

149.172.152.49: /* Sendmail aktivieren */

siehe auch Linux
== Finder zeigt alle Dateien und Ordner an ==
defaults write com.apple.Finder AppleShowAllFiles YES
danach Finder neu starten, damit die Änderungen sichtbar werden:
killall Finder

== Sendmail aktivieren ==
Macintosh HD -> etc -> hostconfig
MAILSERVER=-YES-
=== Für php mail() Befehl ===
php.ini
sendmail_path = /usr/sbin/sendmail -t -i

== Netzlaufwerke finden ==
Netzlaufwerke sind (wenn sie gemounted sind unter
cd /Volumes

erreichbar

Du kannst Dir die gemounteten Disks im Terminal mit
diskutil list
ansehen, dort steht dann der "Diskname" z. B.
/dev/disk0
sowie die Partitionsnamen.

In der mittleren Spalte ist dann auch der Mountname angegeben.
Eingeblendet werden die Disks über das Verzeichnis
/Volumes
Hier gilt: das "V" wird groß geschrieben!

Dort existieren Unterverzeichnisse mit den Namen der Disks. Z.B.:
/Volumes/martin/
/Volumes/files/

Anmerkung Steff: diskutil list scheint nicht ohne weiteres mit Netzlaufwerken zu funktionieren

Mac Terminal Tipps

2012-10-05T11:16:31Z

149.172.152.49:

siehe auch Linux
== Finder zeigt alle Dateien und Ordner an ==
defaults write com.apple.Finder AppleShowAllFiles YES
danach Finder neu starten, damit die Änderungen sichtbar werden:
killall Finder

== Sendmail aktivieren ==
Macintosh HD -> etc -> hostconfig
MAILSERVER=-YES-
== Netzlaufwerke finden ==
Netzlaufwerke sind (wenn sie gemounted sind unter
cd /Volumes

erreichbar

Du kannst Dir die gemounteten Disks im Terminal mit
diskutil list
ansehen, dort steht dann der "Diskname" z. B.
/dev/disk0
sowie die Partitionsnamen.

In der mittleren Spalte ist dann auch der Mountname angegeben.
Eingeblendet werden die Disks über das Verzeichnis
/Volumes
Hier gilt: das "V" wird groß geschrieben!

Dort existieren Unterverzeichnisse mit den Namen der Disks. Z.B.:
/Volumes/martin/
/Volumes/files/

Anmerkung Steff: diskutil list scheint nicht ohne weiteres mit Netzlaufwerken zu funktionieren

Mac OSX - sendmail konfigurieren

2012-10-05T11:13:23Z

149.172.152.49: Die Seite wurde neu angelegt: „Ist nützlich um per Skript oder per php Mails zu versenden. Sendmail kann man so konfigurieren, daß ein normaler E-Mail Account bei einem Provider zum Versand g…“

Ist nützlich um per Skript oder per php Mails zu versenden. Sendmail kann man so konfigurieren, daß ein normaler E-Mail Account bei einem Provider zum Versand genutzt werden kann.

Link (2012) http://hints.macworld.com/article.php?story=20081217161612647

Auch interessant -> php über Apple Mail

http://blogs.bigfish.tv/adam/2009/12/03/setup-a-testing-mail-server-using-php-on-mac-os-x/

Typo3 - Mehrsprachige Seiten

2012-09-27T15:26:52Z

149.172.152.49: /* TypoScript Anpassungen */

Siehe auch: [[Typo3 - Standardeinstellungen]]

== Quickstart ==
=== One Tree Multilanguage Basic TS ===
Default Sprache wäre hier en (uid = 0)

<pre>
config{
// more properties for multilanguage pages
linkVars = L(1-10)
uniqueLinkVars = 1
sys_language_mode = content_fallback
}

// Language Settings for second language

[globalVar = GP:L=1]
config {
language = de
locale_all = de_DE
htmlTag_langKey = de
sys_language_uid = 1
}
[global]
[globalVar = GP:L=2]
config {
language = es
locale_all = es_ES
htmlTag_langKey = es
sys_language_uid = 2
}
[global]
[globalVar = GP:L=3]
config {
language = fr
locale_all = fr_FR
htmlTag_langKey = fr
sys_language_uid = 3
}
[global]
[globalVar = GP:L=4]
config {
language = it
locale_all = it_IT
htmlTag_langKey = it
sys_language_uid = 4
}
[global]
</pre>
=== Sprachmenü Textversion ===
<pre>
########################################
### Standard Sprachmenu (TS Version) ###
########################################

temp.langTextMenu = COA
temp.langTextMenu{
10 = TEXT
10 {
# Labels
#value = Language:
#lang.de = Sprache:
#lang.fr = Langue:
#wrap = <div id="nav-lang-label">|</div>
}
20 = HMENU
20{
wrap = <div id="nav-lang">|</div>
special = language
# Liste der Sprach IDs (0 = Deutsch, 1 = Englisch, 2 = Franzoesisch)
//special.value = 0,1,2
special.value = 0,1
1 = TMENU
1{
wrap = <ul class="nav">|</ul>
NO = 1
NO {
stdWrap.cObject = TEXT
stdWrap.cObject{
value = english || deutsch
# oder auf diese Weise:
#lang.de = Englisch || Deutsch || Franzoesich
#lang.fr = ...
}
allWrap = <li class = "no first"> | </li>|*|<li class = "no"> |  | </li>|*|<li class = "no last"> |  | </li>
}
ACT < .NO
ACT {
doNotLinkIt = 1
allWrap = <li class = "act first"> | </li>|*|<li class = "act"> |  | </li>|*|<li class = "act last"> |  | </li>
}
# Zustand NO wenn keine Uebersetzung vorliegt
USERDEF1 < .NO
USERDEF1 {
doNotLinkIt = 1
allWrap = <li class = "no empty first"> | </li>|*|<li class = "no empty"> |  | </li>|*|<li class = "no empty last"> |  | </li>
}
# Zustand ACT wenn keine Uebersetzung vorliegt
USERDEF2 < .NO
USERDEF2 {
doNotLinkIt = 1
allWrap = <li class="act empty first"> | </li>|*|<li class="act empty"> |  | </li>|*|<li class="act empty last"> |  | </li>
}
}
}
}

</pre>

=== Sprachmenü grafische Version ===
Möglichkeiten:

1. obiges Menü anpassen

2. siehe unten php Version

3. sr_language_menu Extension

siehe auch [[TYPO3 Sprachmenü mit sr_language_menu]]

==== Komplettbeispiel grafische Navigation mit php-Skript ====
'''Flaggen'''

Für die Flaggen nehmen wir im Beispiel eine aktive Version z.B. it.png und eine gedimmte (sw) Version z.B. it_d.png

PHP
<pre>

<?php
/**
* languageMenu_d-e.php basiert auf example_languageMenu.php
*
* @author Kasper Skårhøj <kasper@typo3.com>
* @modified by Stephan Schlegel www.geo-bit.de
*/

// All available pages_language_overlay records for the current page.
$query = "SELECT * FROM pages_language_overlay WHERE pid=".$GLOBALS["TSFE"]->id.$GLOBALS["TSFE"]->sys_page->enableFields("pages_language_overlay")." GROUP BY sys_language_uid";
$res = mysql(TYPO3_db,$query);
$langArr=array();
while($row=mysql_fetch_assoc($res)) {
$langArr[$row["sys_language_uid"]]=$row["title"];
}

// uids of table sys_language in this installation 0=en, 1=de, 2=es, 3=fr, 4=it

$pointer = "";// use that if you want to mark current language
// Set each icon. If the language is the current, red arrow is printed to the left.
// If the language is NOT found (represented by a pages_language_overlay record on this page), the icon is dimmed.
$flags = array();
$flags[] = '<li class="first"><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=0" target=_top><img src="fileadmin/flags/gb.png" alt="english" title="english"></a></li>';
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=1" target=_top><img src="fileadmin/flags/de'.($langArr[1]?"":"_d").'.png" alt="deutsch" title="deutsch"></a></li>';
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=2" target=_top><img src="fileadmin/flags/es'.($langArr[2]?"":"_d").'.png" alt="espagnol" title="espagnol"></a></li>';
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=3" target=_top><img src="fileadmin/flags/fr'.($langArr[3]?"":"_d").'.png" alt="francais" title="francais"></a></li>';
$flags[] = '<li class="last"><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=4" target=_top><img src="fileadmin/flags/it'.($langArr[4]?"":"_d").'.png" alt="italiano" title="italiano"></a></li>';
$content = '<ul class="nav" id="nav-lang">'.implode("",$flags).'</ul>';
?>
</pre>

TS (für Subpart oder Marker)
<pre>
page.10.subparts{
NAV_LANG=PHP_SCRIPT
NAV_LANG.file=fileadmin/templates/narda-ida/scripts/multilanguage-en-de-es-f-i.php
}
</pre>

CSS
<pre>
/* Common navigation styles */

.nav .divider{
margin: 0 1.5em 0.5em;
}

.nav {
}

.nav li li {
font-size:90%;
padding:0 0 0 1em;
}

.nav li li li {
padding-left:1em;
}

.nav a, .nav a:link,
.nav a:visited {
text-decoration:none !important;
border: none;
padding-left: 50px;
}

#nav-lang .nav a,
#nav-lang .nav a:link,
#nav-lang .nav a:visited {
text-decoration:none !important;
border: none;
padding-left: 0;
}
ul.nav a:hover, ul.nav a:active,
li.act, li.act a,
li.cur, li.cur a {

}
ul.nav {
margin:0;
padding:0;
}

ul.nav li {
list-style:none outside none;
margin:0;
padding:0;
line-height: 23px;
}
/* grafische Sprachnavigation */
#nav-lang{
padding-top: 4px;
float: left;
}
#nav-lang a,
#nav-lang a:link,
#nav-lang a:visited,
#nav-lang a:hover,
#nav-lang a:active{
padding:2px 3px;
}
#nav-lang .first a{
padding-left: 0;
}
#nav-lang .last a{
padding-right:0;
}
</pre>

== Einführung ==
* HTML-Template: Marker einbinden
* TypoScript: Marker mit Sprachskript füllen (PHP-Objekt)
* Dateien: Notwendige Dateien hochspielen (Skript und Grafiken)
* CSS anpassen damit Flaggen schön aussehen
* Backend: Sprache anlegen (Weltkugel)
* Evt. Spracheinstellungen im TypoScript (das meiste im vorgefertigten Template)
Hinweis: alles im Baukasten (Common - Ordner) ToDo

===2 Konzepte===
Um Mehrsprachigkeit zu realisieren gibt es zwei Ansätze:
# Multitree - Mehrere Navigationsbäume (für jede Sprache einen). In den Navigationsbäumen müssen die Templates entsprechend Variiert werden.
# One Tree Fits All - Mehrsprachigkeit mit den Typo3 Bordmitteln (der moderne Ansatz). Hierbei können im System mehrere Sprachen angelegt werden. Jede Sprache hat nachher in der Seitenansicht eine eigene Spalte. So hat man eine gute Übersicht welche Inhaltselemente bereits übersetzt sind.

===Welcher Ansatz ist der Richtige ?===
Kommt drauf an. Wer soll damit klar kommen? Wieviele Seiten sind es? Werden alle Seiten übersetzt?

===TypoScript Anpassungen===
Damit das System merkt in welcher Sprache es sich z.Zt. befindet wird der URL ein Parameter mitgegeben. Allgemein ist der Parameter L vereinbart. Das sollte auch eingehalten werden weil einige Extensions nur mit L als Variable arbeiten.

Damit das ganze funktioniert müssen Anpassungen mit TypoScript gemacht werden.

Am besten ein Zusätzliches Basis Template anlegen. Für eine deutsch-englische Seite kann das Setup z.B. so aussehen:
<pre>
### Parameter L definieren 0 soll die default Sprache (deutsch) sein ###
config.linkVars = L(0-2)
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE
#config.sys_language_mode = content_fallback;0 //sucht in default Sprache falls nichts vorhanden
#config.sys_language_mode = content_fallback : 1,0 // sucht in lang1 ansonsten in 0
config.sys_language_mode = strict
config.sys_language_overlay = hideNonTranslated

# Testen ob die Englische Seite gewünscht wird. In einem CASE Konstrukt wird dazu geprüft
# ob die globale Variable L=1 ist
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = en
config.locale_all = en_EN
[global]
</pre>

'''Erläuterung:'''

Im ersten Teil wird die globale Variable L definiert und dann Deutsch als default-Sprache festgelegt und mit L=0 gleichgesetzt. Danach wird getestet ob der Parameter L mit dem Wert 1 übergeben wird. Ist das der Fall wird die Systemsprache auf englisch gesetzt. Das führt später auch dazu, daß die Inhalte aus der Englischen Spalte ausgegeben werden.

'''Ein weiteres Beispiel:'''

<pre>
config {
linkVars = L
sys_language_uid = 0
language = de
locale_all = de_DE
htmlTag_langKey = de
sys_language_mode = content_fallback
sys_language_overlay = hideNonTranslated
// der Paramter L soll durchgereicht werden
linkVars := addToList(L)
// der Paramter soll eindeutig sein (kein doppeltes Auftreten in einer URL)
uniqueLinkVars = 1
// content fallback
sys_language_fallBackOrder = 1,0
sys_language_mode = content_fallback ; 1,0
sys_language_overlay = 1
sys_language_content = 1
}

// English
[globalVar = GP:L = 1]
config {
sys_language_uid = 1
language = en
locale_all = en_EN
htmlTag_langKey = en
}
[global]

// Spanish
[globalVar = GP:L=2]
config {
language = es
locale_all = es_ES
htmlTag_langKey = es
sys_language_uid = 2
}
[global]

// french
[globalVar = GP:L=3]
config {
language = fr
locale_all = fr_FR
htmlTag_langKey = fr
sys_language_uid = 3
}
[global]
// italian
[globalVar = GP:L=4]
config {
language = it
locale_all = it_IT
htmlTag_langKey = it
sys_language_uid = 4
}
[global]
// Türkisch
[globalVar = GP:L=5]
config {
language = tr
locale_all = tr_TR
htmlTag_langKey = tr
sys_language_uid = 5
}
[global]
// Chinesisch 6
[globalVar = GP:L=6]
config {
language = zh
locale_all = zh_CN
htmlTag_langKey = zh
sys_language_uid = 6
}
[global]
</pre>

Jetzt fehlt noch ein Auswahlmenü mit dem sich die Sprache auf der Webseite auswählen läßt.

Hinweis für die Kürzel gelten die Locale Abkürzungen von PHP (eigentlich wäre hier ein Bindestrich statt eines Underscore, aber php behandelt das tolerant), bzw. der Language Code und die LCID (language code id).

http://en.wikipedia.org/wiki/Locale
http://unicode.org/repos/cldr-tmp/trunk/charts/supplemental/language_territory_information.html
http://www.science.co.il/language/Locale-Codes.asp#definitions

===Sprachauswahlmenü programmieren===
In der Subpart definition (workOnSubparts) des Haupttemplates binden wir ein PHP-Skript ein, dass dafür sorgt, daß an der Stelle des Markers (hier LANGUAGE) das Menü eingebunden wird und das bei Klicks auf einen Link immer die richtige Nummer für die Sprache an die URL angehängt wird.

'''TypoScript:'''
#multilanguage-flags
marks.LANGUAGE=TEXT
marks.LANGUAGE= 
marks.LANGUAGE=PHP_SCRIPT
marks.LANGUAGE.file=fileadmin/scripts/languageMenu_d-e.php

'''php-Skript:'''
<?php
/**
* languageMenu_d-e.php basiert auf example_languageMenu.php
*
* @author Kasper Skårhøj <kasper@typo3.com>
* @modified by Stephan Schlegel www.geo-bit.de
*/
// First, select all pages_language_overlay records on the current page. Each represents a possibility for a language.
$query = "SELECT * FROM pages_language_overlay WHERE pid=".$GLOBALS["TSFE"]->id.$GLOBALS["TSFE"]->sys_page->enableFields("pages_language_overlay")." GROUP BY sys_language_uid";
$res = mysql(TYPO3_db,$query);
$langArr=array();
while($row=mysql_fetch_assoc($res)) {
$langArr[$row["sys_language_uid"]]=$row["title"];
}

// Little red arrow, which is inserted to the left of the flag-icon if the
// TSFE->sys_language_uid equals the language uid (notice that 0=deutsch, 1=englisch
// is SPECIFIC to this database, because these numbers refer to uid's of the table sys_language)
$pointer = '<img src="fileadmin/scripts/pointer.gif" width="7" height="10" align=middle>';
// Set each icon. If the language is the current, red arrow is printed to the left.
// If the language is NOT found (represented by a pages_language_overlay record on this page), the icon is dimmed.
$flags = array();
$flags[] = ($GLOBALS["TSFE"]->sys_language_uid==0?$pointer:"").'<a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=0" target=_top><img src="media/uploads/flag_de.gif" alt="deutsch" width="21" height="13" hspace=5 border="0"></a>';
$flags[] = ($GLOBALS["TSFE"]->sys_language_uid==1?$pointer:"").'<a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=1" target=_top><img src="media/uploads/flag_uk'.($langArr[1]?"":"_d").'.gif" alt="english" width="21" height="13" hspace=5 border="0"></a>';

// Make the little menu. Notice, the menu does ONLY transfer the page-id and the "L" variable (which is also SPECIFIC for this website because "L" has been used in the extension template used to control the language setup)
$content = '<span class="language_selector">'.implode("",$flags).'</span>';
?>
===Rootline für mehrere Sprachen einrichten===
temp.rootline = HMENU
temp.rootline.special = rootline
temp.rootline.special.range = 0|-1
temp.rootline.wrap = Sie sind hier:
temp.rootline.1 = TMENU
temp.rootline.1 {
target = _top
NO.linkWrap = || /
}
# evt. bestimte Seiten ausblenden...
temp.rootline.excludeUidList =

# Sprache mit der ID 3
[globalVar = GP:L = 3]
temp.rootline.wrap = You are here:
[global]

# Sprache mit der ID 4
[globalVar = GP:L = 4]
temp.rootline.wrap = bla bla:
[global]

# Sprache mit der ID X (X = beliebige zahl)
[globalVar = GP:L = X]
temp.rootline.wrap = hierher haben sie sich verirrt:
[global]

=== Ein Beispiel für ein vollständiges (zweisprachiges) TypoScript ===

<pre>
### Spracheinstellungen ###
config.linkVars = L
config.sys_language_mode = content_fallback;0

[globalVar = GP:L = 0]
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE

# Link to top
#content.linkToTop >
tt_content.stdWrap.innerWrap2 = |<br><div align="right"><A href="#top"><font color="#AB3C4B" face="Arial, Helvetica, sans-serif" size="1"><B>nach oben</b></font></a></div>

#Suchfunktion
tt_content.search{
20.layout.10.value = Suchergebnis: ###RANGELOW###-###RANGEHIGH### von ###TOTAL###
20.noResultObj.10.value = Keine Treffer.
20.next.value=nächste
20.prev.value=vorherige
30.dataArray.10.label = Suche nach:
30.dataArray.20.label = Suche in:
30.dataArray.20.valueArray.10.label = Überschriften und Schlüsselworten
30.dataArray.20.valueArray.20.label = Seiteninhalten
30.dataArray.40.value = Suche starten
}

[global]

# English language, sys_language.uid = 1
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = en
config.locale_all = english

# Link to top
#content.linkToTop >
tt_content.stdWrap.innerWrap2 = <br><div align="right"><A href="#top"><font color="#AB3C4B" face="Arial, Helvetica, sans-serif" size="1"><B>to top</b></font></a></div>

#Suchfunktion - englisch
tt_content.search{
20.layout.10.value = Suchergebnis: ###RANGELOW###-###RANGEHIGH### von ###TOTAL###
20.noResultObj.10.value = No hits.
20.next.value=next
20.prev.value=previous
30.dataArray.10.label = Searchwords:
30.dataArray.20.label = Search in:
30.dataArray.20.valueArray.10.label = Headlines & Keywords
30.dataArray.20.valueArray.20.label = Content
30.dataArray.40.value = Start search
}
[global]
</pre>
=== Schritt für Schritt Anleitung ===
* Mindestens eine weitere Sprache anlegen (Listenansicht - Weltkugel)
* TypoScript Sprachvariable und Template anpassen:
* Benötigte Skripte und Bilder(Flaggen) Uploaden<br>z.B. mulitlan_d-e.php, flag_uk.gif...
* Marker im TypoScript Template anlegen:z.B.
<pre>
### Multilanguage-Navi ###
marks.LANGUAGE=PHP_SCRIPT
marks.LANGUAGE.file=fileadmin/scripts/languageMenu_e-d.php
</pre>
* Marker im HTML-Template einbauen. Am besten in divs damit man es per CSS gestalten kann
<div id="languageSelector">###LANGUAGE###</div>

=== Probleme bei mehrsprachigen Seiten ===
Lösungen bei verschiedenen Problemen mit mehrsprachigen Seiten gibt es hier:

[[Typo3 - Probleme mit mehrsprachigen Seiten lösen]]

=== Skriptsammlung ===
==== php-Sprachskript ====
<pre>
<?php
/**
* languageMenu_d-e.php basiert auf example_languageMenu.php
*
* @author Kasper Skårhøj <kasper@typo3.com>
* @modified by Stephan Schlegel www.geo-bit.de
*/
// First, select all pages_language_overlay records on the current page.
// Each represents a possibility for a language.
$query = "SELECT * FROM pages_language_overlay WHERE pid=".$GLOBALS["TSFE"]->id.$GLOBALS["TSFE"]->sys_page->enableFields("pages_language_overlay")." GROUP BY sys_language_uid";
$res = mysql(TYPO3_db,$query);
$langArr=array();
while($row=mysql_fetch_assoc($res)) {
$langArr[$row["sys_language_uid"]]=$row["title"];
}

// Little red arrow, which is inserted to the left of the flag-icon if the
// TSFE->sys_language_uid equals the language uid (notice that 0=deutsch, 1=englisch
// is SPECIFIC to this database, because these numbers refer to uid's of the table sys_language)
//$pointer = '<img src="fileadmin/scripts/pointer.gif" width="7" height="10" align=middle>';
$pointer = "";
// Set each icon. If the language is the current, red arrow is printed to the left.
// If the language is NOT found (represented by a pages_language_overlay record on this page), the icon is dimmed.
$flags = array();
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=0" target=_top><span class="flag"><img src="fileadmin/template/images/flag_de.gif" alt="deutsch" title="deutsch" border="0"></span></a></li>';
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=1" target=_top><span class="flag"><img src="fileadmin/template/images/flag_uk'.($langArr[1]?"":"_d").'.gif" alt="english" title="english" border="0"><span></a></li>';

// Make the little menu. Notice, the menu does ONLY transfer the page-id and the "L" variable (which is also SPECIFIC for this website because "L" has been used in the extension template used to control the language setup)
$content = '<ul>'.implode("",$flags).'</ul>';
?>
</pre>

==== TypoScript multilanguage Extension ====
ext_multilang_d-e.tmpl

Setup:
<pre>
### Spracheinstellungen ###
config.linkVars = L
config.sys_language_mode = content_fallback;0

### ohne Sprachauswahl ###

# Standardsprache deutsch wird festgelegt
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE

# CSS
page.stylesheet = fileadmin/template/css/main.css

### DEUTSCH ###
[globalVar = GP:L = 0]
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE

# CSS
#page.stylesheet = fileadmin/template/main.css

# Link to top
#content.linkToTop >
tt_content.stdWrap.innerWrap2 = |<br><div class="toTop"><a href="#top">nach oben</a></div>
[global]

### ENGLISCH ###
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = en
config.locale_all = english

# CSS
#page.stylesheet = fileadmin/template/main_en.css

# Link to top
#content.linkToTop >
tt_content.stdWrap.innerWrap2 = <br><div class="toTop"><a href="#top">to top</a></div>

#...

[global]
</pre>

=== Übersetzung nur Anzeigen wenn sie vorhanden ist ===
Typo3 - Stuttgart Mailing List (Juli 2006)

<pre>
> >Hallo ihr alle,
> >
> >ich habe eine typo3 3.7.1 installation und möchte eine übersetzung nur dann anzeigen, wenn diese vorhanden ist.
> >Wenn sie nicht vorhanden ist soll der gesamte menüpunkt rausfliegen.
> >
> >Der untenstehende code sollte funktionieren - tut es aber nicht...
> >Weis da jemand bescheid?
> >...meine langwierige recherchen haben leider auch nichts ergeben ;-((
> >
> >config.linkVars = L
> >config.sys_language_uid = 0
> >config.language = de
> >config.sys_language_mode = strict
> >config.sys_language_overlay = hideNonTranslated
> >
> >lg niko
> >
> >
</pre>

Hallo Niko,

vielleicht hilft dir dies weiter:

http://www.datenwolken.de/index.php?id=221

und ein Beispiel hier

http://forum.typo3.fr/index.php?showtopic=4236

<pre>
// User defined
USERDEF1 = 1
USERDEF1.doNotLinkIt = 1
USERDEF1.linkWrap = <li class="disabled">|</li>
USERDEF1.stdWrap.override = EN || FR || DE
}
</pre>

li.disabled dann im stylesheet ausblenden ...

Grüße
Ines

_______________________________________________
TYPO3-stuttgart mailing list
TYPO3-stuttgart@lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-stuttgart

== Datum und Zeit ==
Oft ist es schwierig herauszufinden wo gerade die Ausgabe von Zeit und Datum konfiguriert wird.

Wenn eine der Extensions ts_language_de oder ts_language_xx installiert ist wird dort der Standard einer andeen Extension (z.B. tt_news) überschrieben. Diese Einstellung kann wieder im eigenen TS überschrieben werden.

Im Template Analyser kann man die Reihenfolge gut sehen.

Beispiel zur Konfiguration:

'''Examples:'''
Your site is a "one-language-site" and you configured the site-language as default language of TYPO3. If you have a ts_language_xx extension installed, to set some country specific settings for other extensions, I suggest to copy the part which refers to tt_news in your main template or an ext template which is included. Here an example for german settings:

<pre>
# set the TYPO3 language to german
config.language = de
# set the PHP locale to german
config.locale_all = de_DE

# tt_news date & time formats
plugin.tt_news {
archiveTitleCObject {
10.strftime = %B - %Y
}
getRelatedCObject {
20.strftime = %d.%m.%Y %H:%M
}
displaySingle {
date_stdWrap.strftime= %d.%m.%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
time_stdWrap.strftime= %d.%m.%y %H:%M
}
}
</pre>

Hint: If the locale_all setting "de_DE" don't work on your WAMP installation, try to set it to "german". There are some differences in the handling of the php-locale on windows and linux.

If your site is a multilanguage site like the "one-tree-fits-all-languages" example from the "testsite" package (see: http://typo3.org/documentation/tips-tricks/multi-language-sites-in-typo3/ ) you can add the country specific settings to the language condition in your TS-setup:

<pre>
# Setting up the language variable "L" to be passed along with links
config.linkVars = L

# German language, sys_language.uid = 2
[globalVar = GP:L = 2]
config.sys_language_uid = 2
config.language = de
config.locale_all = de_DE

# set german date & time formats
plugin.tt_news {
archiveTitleCObject {
10.strftime = %B - %Y
}
getRelatedCObject {
20.strftime = %d.%m.%Y %H:%M
}
displaySingle {
date_stdWrap.strftime= %d.%m.%y
time_stdWrap.strftime= %H:%M
age_stdWrap.age = Minuten | Stunden | Tage | Jahre
}
displayLatest {
date_stdWrap.strftime= %d.%m.%y
time_stdWrap.strftime= %H:%M
}
displayList {
date_stdWrap.strftime= %A %d. %B %Y
time_stdWrap.strftime= %d.%m.%y %H:%M
}
}
[global]

# Danish language, sys_language.uid = 1
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = dk
config.locale_all = danish

# set danish date & time formats
plugin.tt_news {
# sorry, don't know the danish date & time settings ;-)
}
[global]
</pre>

== Felder im Backend für mehrere Sprachen benutzen ==

michael schuhmacher wrote:
> Hallo,
> weiss jemand wie ich es anstelle, dass bei einer eigenen extension, im backend bestimmte felder grundsaetzlich fuer alle sprachen stehen sollen? so dass man nicht zb. die selben bilder in den uebersetzungen nochmal angeben muss.

habs schon

in meinem fall in ext_tables.php (oder auch in tca.php)

"l10n_mode" => 'exclude',

== Sprachlabel für die Frontendausgabe anpassen ==
Stichwort Language Label, Sprachlabel, Mehrsprachigkeit
Bei Mehrsprachigen Extensions werden die Ausgaben für die verschiedenen Sprachen in der Regel in der Datei locallang.xml notiert. Oftmals möchte man diese Ausgaben anpassen, ohne diese Datei zu verändern. Denn nach einem Update würden die Änderungen wieder Rückgängig gemacht. Die Labels für die Sprache lassen sich aber auch über eigene Extensions oder über TypoScript anpassen.

Mit TypoScript funktioniert das etwa so:

plugin.tt_news._LOCAL_LANG.de.more = mehr >>
also nach dem Schema:
plugin.meinPlugin._LOCAL_LANG.sprachkürzel.labelnahme = meinLabel

== Sprachlabel im Backend anpassen ==
Quelle: http://typo3-freelancer-berlin.de/typo3-blog/artikel/typo3-backendformulare-label-aendern-per-typoscript.html (Zugriff: 09/2011)

Oftmals möchten Kunden die Bezeichnung einzelner Felder im backend anders benannt haben.

pageTSconfig

// Label in eigener locallang_db.php überschreiben
TCEFORM.table.column.label = LLL:typo3conf/override_locallang_db.php:table.column

// Label direkt in pageTSconfig überschreiben

TCEFORM.table.column.label = My Title
TCEFORM.table.column.label.de = Mein Titel

== Weiterleitung in Abhängigkeit der Browsersprache ==
Damit der Benutzer gleich auf der richtigen Sprache landet kann man die Extension
rlmp_language_detection benutzen.

Als Erweiterung gibt es noch die Extension Title Language Detection - Extended( sr_language_detect ) von Stanislas Rolland
=== Konfiguration für One-Tree Konzept ===
<pre>
plugin.tx_rlmplanguagedetection_pi1 {
defaultLang = de #ISO-Code der Standardsprache anpasssen
}
</pre>

=== Konfiguration für Multi-Tree Konzept ===
<pre>

plugin.tx_rlmplanguagedetection_pi1 {
useOneTreeMethod = 0
multipleTreesRootPages
{
#PID's der jeweiligen Sprachen anpassen, ggf. neue zufuegen
de = 216
en = 120
es = 482
}
}
=== Problem mit Browserseitigem Cache bei Einsatz von rlmplanguagedetection ===
Um die richtigen Werte für das Caching auszugeben muß in der Konfiguration stehen:

Typoscript: Zeilennummerierung: An / Aus

1.
config.sendCacheHeaders = 1

Diese Funktion bleibt aber unter anderem auf den Seiten wirkungslos, in denen USER_INT Objekte genutzt werden.

Mit der Extention 'rlmplanguagedetection' steckt dieses Object in jedem Seiten-Rendering. Das USER_INT Object braucht es aber für die Funktion der Extension.

Da die Extension keine neuen Header mit 'Location' und dem GetParameter ausgibt, wenn dieser Parameter bereits in der URL vorhanden ist, braucht es diese USER_INT funktion folglich auch nicht bei jedem Seitenaufruf. Um sie denn in diesem Falle aus den Seiten-Rendering auch auszuschließen habe ich mich für folgendes Konzept entschieden, in dem via TypoScript die Extension einfach ausgeschlossen wird, wenn der GetParameter bereits existiert:

Typoscript: Zeilennummerierung: An / Aus

1.
# send Cache Headers
2.
config.sendCacheHeaders = 1
3.
# disable USER_INT 'rlmplanguagedetection' when GP:L exists
4.
[globalVar=GP:L=0,GP:L>0]
5.
plugin.tx_rlmplanguagedetection_pi1 >
6.
[global]

Das funktioniert, und damit lässt sich die Extension auch wieder für Proxy- oder Clientseitiges Cachen nutzen.[/TS]
3. Testen (Browsersprache ändern. Anleitung unten.)
4. Falls es Probleme gibt und die Spracherkennung / -weiterleitung nicht funktioniert, kann folgendes im Setup des Root Templates hinzufügt werden. Hier wird die Erweiterung im Page-Element an Position 1000 inkludiert. Diese Einstellung muss ggf. angepasst werden.

page.1000 < plugin.tx_rlmplanguagedetection_pi1

Tipps zum Testen

Wie stellt man die Sprache des Browsers um? Das Umstellen der Browsersprache:

Firefox

* Extras > Einstellungen > Reiter Erweitert > Reiter Allgemein (Windowsversion) oder
Bearbeiten > Einstellungen > Reiter Erweitert > Reiter Allgemein (Linuxversion)
* im Unteren Bereich befindet sich der Abschnitt Sprache, in dem man über den Button "wählen" ein oder mehrere neue Sprachen hinzufügen kann. Die Sprache in der getestet wird steht immer oben.

Internet Explorer IE

* Extras > Internetoptionen
* im Unteren Bereich befindet sich der Button Sprache, mit dem man ein oder mehrere neue Sprachen hinzufügen kann. Die Sprache in der getestet wird steht immer oben.

Wenn es nicht funktioniert

Wenn es nicht funktioniert hat man eventuell die Sprachen nicht richtig eingerichtet. Hier sollte man noch mal die Konfiguration überprüfen.
Anleitung von rainer-grundel Datum des Zugriffs 1.4.2008, http://www.rainer-grundel.de/wissensdb/typo3/empfohlene_extensions/artikel/article/anzeige_der_website_nach_browsersprache.html</pre>

== Mehrsprachigkeit und TemplaVoila ==
Wenn man eine mehrsprachige Seite mit TemplaVoila nutzt. Kann man das Verhalten in der Datenstruktur der TemplaVoila Templates steuern.

TemplaVoila nutzt zur Darstellung seiner Inhalte Flexforms. Die dazugehörigen Parameter für die Darstellung der Mehrsprachigen Datensätze im Backend steuert man daher mit der Flexform T3DataStructure. Konkret sind hier folgende XML-Tags von Bedeutung:
<pre>
<meta type="array">
<langDisable type="integer">[0|1]</langDisable>
<langChildren type="integer">[0|1]</langChildren>
</meta>
</pre>
Wie gezeigt können diese also entweder den Wert 0 oder 1 enthalten
===langDisable===
'''0''' Sprachsteuerung durch das Flexform, technisch gesehen bedeutet das, daß die Übersetzungen im Flexform-Datensatz gespeichert werden. Siehe auch langChildren

'''1''' Die Sprachsteuerung durch das Flexform ist abgeschaltet. D.h. Typo3 übernimmt das selbst. Dies ist die geeignete Einstellung für Flexible Content Elemente die zur Gliederung (z.B. 2Spalter) genutzt werden.

===langChildren===
Hat nur Auswirkung wenn langDisable auf 0 steht.

'''1''' Die Inhalte der Flexforms lassen sich Direkt übersetzen (Flagge klicken) und werden zusammengezoge im Backend dargestellt.
Im Frontend wird die Standardsprache verwendet wenn keine Übersetzung vorhanden ist.

'''0''' Keine Direkte übersetzung. Das komplette Flexform wird übersetzt.

== Seiten ohne Übersetzung im Menü verstecken ==
Quelle:http://blog.undkonsorten.com/typo3-seite-uebersetzung-menue-verstecken

Datum des Zugriffs: 29.4.2009

16. Januar 2008

Für mehrsprachige TYPO3-Webseiten im One-Tree-Konzept werden standardgemäß die immer alle Menüeintäge in der Standardsprache ausgegeben, insofern für diese keine Übersetzung angelegt wurde. In der Regel ist eine Navigation in zwei verschiedenen Sprachen nicht erwünscht und man möchte Seiten ohne Übersetzungen verstecken. Es gibt zwei Wege, dies umzusetzen.

'''Lösung über das TYPO3-Backend'''

Am einfachsten lässen sich Seiten ohne Übersetzungen ausblenden, indem man unter Seiteneigenschaften > Spracheinstellungen das Verstecke Seiten wenn keine Übersetzung… mit einem kleinen Häckchen versieht.

TYPO3: Sprache verstecken, wenn keine Übersetzung existiert

Wenn für diese Seite - angenommen sie sei deutsche - keine Übersetzung angelegt wurde, man sich aber z.B. gerade im Frontend im englischen Bereich befindet, so wird diese Seite nicht angezeigt.

'''Lösung per Installtool bzw. localconf.php'''

Im Install-Tool > All Configuration gibt es den Eintrag [hidePagesIfNotTranslatedByDefault] . Wenn man hier den Wert TRUE einträgt werden alle Seiten ohne Übersetzung per default versteckt. Dies entspricht folgendem Eintrag in der localconf:

$TYPO3_CONF_VARS['FE']['hidePagesIfNotTranslatedByDefault'] = ‘TRUE’;

'''Standard-Übersetzung im Menü einblenden per TypoScript'''

Man kann per TypoScript-Setup umgekehrt für die Menükonfiguration angeben, dass Seiten generell in der default-Sprache ausgegeben werden, insofern keine Übersetzung vorliegt. Das sieht dann so aus:

temp.navigation = HMENU
temp.navigation {
…
protectLvar = all
…
}

protectLvar kennt die Werte 1 und all. Mit all wird der Wert des Kontrollkästchens überschrieben und Seiten ohne Übersetzungen werden immer ausgegegen.

Typo3 - Extensions

2012-09-27T10:01:37Z

149.172.152.49: /* Eigene Extensions */

== Ideen für neue Extensions und Erweiterungen bestehender Extensions ==
Extension zur automatischen Erzeugung zweispaltiger Inhalte mit Line Count (auch Umbrüche), Hurenkinder und Schusterjungen regelung etc.

Erweiterung der rg_googlemaps mit Listenansicht nach PLZ
Händlersuche mit Umkreissuche oder Auflistung nach PLZ bereichen (Erweiterung bestehender)

== Extensions programmieren ==
Infos hierzu gibt es im Abschnitt Extension Kickstarter und unter

[[Typo3 - Extensions programmieren]]

[[TypoScript Einstellungen in Extensions auslagern]]

== Extensions ==

=== die wichtigsten Extensions ===
[[Real URL (realurl)]]

automakeTemplates

[[Metatags extended (metatags)]]

[[News (tt_news)]]

CleanDB nf_cleandb

[[Database Integration (wfqbe)]]
Schweizer Taschenmesser zur Integration von Daten (Bugs beachten)

[[Newsletter mit Direct Mail]]
====SEO-Extensions====

[[Google Analytics (m1_google_analytics)]]

=== weitere nützliche Extensions ===
WEC Maps - Mapping extension that connects to geocoding databases and Google Maps API.
http://typo3.org/extensions/repository/view/wec_map/current/

Quick Google Maps
http://typo3.org/extensions/repository/view/cbgooglemaps/current/

Browser TYPO3 Frontend Engine

Browser - the TYPO3 Frontend Engine - displays content from related tables. You need 1 line typoscript for a result list with a search form, a record browser and an a-z browser. Images are wrapped self-acting. SEO, Search Engine Optimisation. DRS supports
====SEO====

simplyrobots - robots.txt erzeugen

==== Lightbox und Co ====

[[TYPO3 - Lightbox und Co]]

Perfect Lightbox

Lightbox-Effekte lassen sich seit TYPO3 4.5 auch relativ einfach ohne Extension nutzen. Siehe hierzu:

http://www.marcoseiler.de/typo3/typo3-inhalte-ausgeben/typo3-lightbox-ohne-extension.html

Clearbox

topup (im Moment keine Extension aber einfach einzubinden: JS einbinden und Rahmen anpassen oder Popup Bild anpassen)

==== Sonstiges ====
[[ratings - Bewertungen]]

[[t3blog - Blog Extension]]

[[pbsurvey - Umfrage]]

[[tipafriend - Seite weiterempfehlen]]

[[error_404_handling - Seite nicht gefunden]]

[[irfaq - Modern FAQ]]

[[seminars - Kursverwaltung]]

[[tipafriend - Seite an einen Freund versenden]]

mk_wastebasket - Datensätze entgültig löschen

Foreign access for MM Tables mmforeign 0.2.0 Experimental

Page Template Selector rlmp_tmplselector 1.2.2

TER Update Check ter_update_check

Exo Feeds exofeeds 0.0.2 Alpha

freeCap CAPTCHA sr_freecap

Front End User Registration sr_feuser_register Stable

Indexed Search Engine indexed_search 2.9.2 System Stable

Language Selection sr_language_menu

Photo Book goof_fotoboek 1.7.11 Stable

Local Stable

TIMTAB Tag-Cloud timtab_tagcloud 1.2.1

Make Print Link make_printlink 1.5.2 Stable

Static Info Tables static_info_tables

sb_accessiblecontent

Content/DAM reference usage dam_ttcontent (Experimental)

phpmyadmin

DAM inkl Erweiterungen

Media (DAM) dam Local Stable

Media>Categories dam_catedit 1.0.3 Local Alpha

Media>Indexing dam_index 1.0.3 Local Stable

Media>Info dam_info

[[PDF Generator 2 (pdf_generator2)]]

[[Typo3 - Bildergallerie]] (lz_gallery)

[[Modern Guestbook (ve_guestbook)]]

[[Mailformplus (tx_mailformplus)]]

[[Send-a-Card (sr_sendcard)]]

[[Front End User Registration (fe_users)]]

[[FreeCap (sr_freecap)]]

[[Date2Calendar (date2cal)]] JavaScript Datumsauswahl für Datumsfelder im Backend -> inzwischen integriert.

[[Dynamic Flexforms (dynaflex)]] Flexforms während der Laufzeit verändern

[[Google Earth links (itxg_gelinks)]] Allows to create and view Google Earth .kml files. The building of a link is being done with GPS coordinates in D-M-S notation.

[[Google Sitemap for Pages and Contents (mc_googlesitemap)]] All options available

== Der Typo3 Extension Kickstarter ==
(Deutsch: Erweiterungs Manager)
Der Erweiterungsmanager ist selbst eine Erweiterung die zuerst installiert werden muß.

Fehler in Extension Kickstarter

Wenn der Kickstarter local installiert ist, dann kann meine eine bereits erstelle Extension nicht im Kickstarter überarbeiten. (Bis Version ?)

Der Kickstarter muß global installiert sein, damit man bereits erstellte Extension mit dem Kickstarter überarbeiten kann.

=== Kurzanleitung ===
'''Wo?'''

Backend-Modul Ext Manager; hier im Dropdown Menü "Make new Extension"

'''General Info'''

Allgemeine Infos zum PlugIn (hat nichts mit der Funktion zu tun)

'''Extension Key'''

- Typo3 entfernt Unterstriche (meine_extension wird zu meineextension)

- tx_ wird automatisch vorangestellt

- ein vorangestelltes user_ bedeutet dass es sich um eine eigene Entwicklung handelt, die nicht in das Repository gestellt werden kann.

'''New Database Tables'''
Hier kann man automatisch die benötigten Tabellen und deren Felder erzeugen.
Üblich ist ein Tabellenname mit dem Suffix _main z.B. user_meineErweiterung_main.
Hier werden auch einige von Typo unterstützte Funktionen die im Backend als Felder sichtbar sind vorbereitet (z.B. Start, Stop, Hide...). Sinnvoll in diesem Zusammenhang:

''Delete*'' - damit die Tabelle ein Delete Flag bekommt

''Hide*'' - damit Datensätze versteckt werden können

''Allowed on Pages'' - Damit Frontend Plugins auch als Inhaltselement im Backend ausgewählt werden können.

''Save and new'' - damit können später schnell mehrere Datensätze angelegt werden.

*Damit das bei der Anzeige Funktioniert muß die Funktionalität in der Datenbankabfrage mit eingebaut werden (d.h. das Flag muß abgefragt werden).

'''Datenfelder der Tabelle'''

Hier werden die Spalten der Tabelle angelegt.

Field name - Der Name der Spalte in der DB (in Kleinbuchstaben, z.B. vorname)

Field title - wird im Backend beim Eingabefeld angezeigt (z.B. Vorname)

Field type - welche Art von Eingabefeld

'''Frontend Plugins'''

Integration ins Frontend

''Enter a title for the plugin'' - taucht in der Auswahlliste für die Plugins aus (Backend)

''USER cObjects are cached'' - Auswählen ob gecached wird (für Entwicklung bietet sich das deaktivieren des Caches an.

''...Typo Script Code...'' - den Beispielcode braucht man i.d.R. nicht, ein einfacher Code wird denoch generiert.

weiter unten kann noch angegeben werden wo das Plugin zugänglich ist.

'''View Result'''

Hier kann man sehen was erzeugt wird...

'''Write'''
... und hier wird es tatsächlich erzeugt.

== Bilder in eigener Extension rendern ==

In diesem Beispiel benutzte Variablen:
$BildAdresse
$ParameterFuerImgTag
$Alttext

In PHP-Datei der Extension:

$this->conf["imageBeispiel."]["file"]="uploads/pics/".$BildAdresse;
$this->conf["imageBeispiel."]["params"]=$ParameterFuerImgTag;
$this->conf["imageBeispiel."]["altText"]=$Alttext;
$Bild=$this->cObj->IMAGE($this->conf["imageBeispiel."]);
$Content.=$Bild;

In Typoscript Setup

plugin.tx_hoTest_pi1 { //hier Plugin-Name
imageArtikel{
file.maxW = {$ho_Test.BildWidthNews}
imageLinkWrap = 1
imageLinkWrap {
enable = 1
bodyTag = <BODY bgColor=white>
wrap = |
width = 400m
height = 400
JSwindow = 1
JSwindow.newWindow = 1
JSwindow.expand = 17,20
}
}
}

Der Wert {$ho_Test.BildWidthNews} kann aus Constants übernommen werden.

Siehe dazu auch
Konstanten von Constants im Setup verwenden
und
Konstanten für Constant-Editor bereitstellen

(aus www.easy-office4you.de/ 10.1.2006)

== Spalten der Seiten umbenennen ==

Um die Spalten der Seite im Backend beliebig umzubenennen und/oder zusätzliche eigene Spalten zu verwenden, muß die Extension zed_more_columns installiert werden und dann in der Datei ext_tables.php die Spalten-Namen eingeben werden.

Beispiel:

$TCA["tt_content"]["columns"]["colPos"]["config"]["items"] = array (
"0" => array ("Mitte||Mitte||||||||","0"),
"1" => array ("Links||Links||||||||","1"),
"2" => array ("Rechts||Rechts||||||||","2"),
"3" => array ("Teaser||Teaser||||||||","3"),
"4" => array ("Fusszeile||Fusszeile||||||||","4")
);

== Bei Extension dafür sorgen, daß im Backend kein Sortierungs-Button entsteht ==

In der Datei ext_tables.php der Extension folgende Zeile ändern

"sortby" => "name",

ändern in

"default_sortby" => "ORDER BY name",

Anstatt "name" kann natürlich auch ein anderes Suchkriterium verwendet werden.

== Eigene Extensions ==
[[Typo3 Extension: pupmanager]]

More Pics In A Row - Mini Extension um mehr Bilder im Bilder Inhaltselement zu erlauben

GB More FE Fields gb_morefefield

HfWU Personal hfwupersonal

HfWU Studium hfwustudium - Bildet Fakultäten, Studiengänge und Fächer Hierarchisch ab.

HfWU Studium FE hfwustudiumfe - Frontendausgabe für hfwustudium

HfWU Dozenten hfwudozent - Bildet Dozenten ab und ordnet diese Studienfächern von hfwustudiumfe zu

hfwuwebboard hfwuwebboard - Webbretter basierend auf hfwustudium

HFWU Events hfwu_events - Veranstaltungskalender

Dekra Certification Database gbdekracert - Verwaltung von Zertifikatsträgern

GB Flow Control gbflowcontrol - Management des Trikotsproduktions und Auslieferungsablaufs für Schiedsrichter

Flowcontrol Extender gbflowcontrolext - ?

GB Adress Display gbaddress - ?

GB Camp Finder gbcamps - Veranstaltungen zugeschnitten auf AK-Freizeiten.de

Geo-bit Seminars gbseminars -

Job Manager gbjobmanager

Events gb_events

GB csv Importer gbimporter - Konfigurierbares Importtool

Geo-bit Typo3 Settings [[gbt3settings]] - fertige Settings (obsolet)

Telecash Form - Bezahlung über Telecash

Bilboard - Comments - Tagcloud - Kombination aus Tagcloud Kommentarfunktion und eigener Extension für Aushänge

iFrame Loader

GP Logger

Geosearch

Typo3 - Mehrsprachige Seiten

2012-09-25T10:06:59Z

149.172.152.49: /* TypoScript Anpassungen */

Siehe auch: [[Typo3 - Standardeinstellungen]]

== Quickstart ==
=== One Tree Multilanguage Basic TS ===
Default Sprache wäre hier en (uid = 0)

<pre>
config{
// more properties for multilanguage pages
linkVars = L(1-10)
uniqueLinkVars = 1
sys_language_mode = content_fallback
}

// Language Settings for second language

[globalVar = GP:L=1]
config {
language = de
locale_all = de_DE
htmlTag_langKey = de
sys_language_uid = 1
}
[global]
[globalVar = GP:L=2]
config {
language = es
locale_all = es_ES
htmlTag_langKey = es
sys_language_uid = 2
}
[global]
[globalVar = GP:L=3]
config {
language = fr
locale_all = fr_FR
htmlTag_langKey = fr
sys_language_uid = 3
}
[global]
[globalVar = GP:L=4]
config {
language = it
locale_all = it_IT
htmlTag_langKey = it
sys_language_uid = 4
}
[global]
</pre>
=== Sprachmenü Textversion ===
<pre>
########################################
### Standard Sprachmenu (TS Version) ###
########################################

temp.langTextMenu = COA
temp.langTextMenu{
10 = TEXT
10 {
# Labels
#value = Language:
#lang.de = Sprache:
#lang.fr = Langue:
#wrap = <div id="nav-lang-label">|</div>
}
20 = HMENU
20{
wrap = <div id="nav-lang">|</div>
special = language
# Liste der Sprach IDs (0 = Deutsch, 1 = Englisch, 2 = Franzoesisch)
//special.value = 0,1,2
special.value = 0,1
1 = TMENU
1{
wrap = <ul class="nav">|</ul>
NO = 1
NO {
stdWrap.cObject = TEXT
stdWrap.cObject{
value = english || deutsch
# oder auf diese Weise:
#lang.de = Englisch || Deutsch || Franzoesich
#lang.fr = ...
}
allWrap = <li class = "no first"> | </li>|*|<li class = "no"> |  | </li>|*|<li class = "no last"> |  | </li>
}
ACT < .NO
ACT {
doNotLinkIt = 1
allWrap = <li class = "act first"> | </li>|*|<li class = "act"> |  | </li>|*|<li class = "act last"> |  | </li>
}
# Zustand NO wenn keine Uebersetzung vorliegt
USERDEF1 < .NO
USERDEF1 {
doNotLinkIt = 1
allWrap = <li class = "no empty first"> | </li>|*|<li class = "no empty"> |  | </li>|*|<li class = "no empty last"> |  | </li>
}
# Zustand ACT wenn keine Uebersetzung vorliegt
USERDEF2 < .NO
USERDEF2 {
doNotLinkIt = 1
allWrap = <li class="act empty first"> | </li>|*|<li class="act empty"> |  | </li>|*|<li class="act empty last"> |  | </li>
}
}
}
}

</pre>

=== Sprachmenü grafische Version ===
Möglichkeiten:

1. obiges Menü anpassen

2. siehe unten php Version

3. sr_language_menu Extension

siehe auch [[TYPO3 Sprachmenü mit sr_language_menu]]

==== Komplettbeispiel grafische Navigation mit php-Skript ====
'''Flaggen'''

Für die Flaggen nehmen wir im Beispiel eine aktive Version z.B. it.png und eine gedimmte (sw) Version z.B. it_d.png

PHP
<pre>

<?php
/**
* languageMenu_d-e.php basiert auf example_languageMenu.php
*
* @author Kasper Skårhøj <kasper@typo3.com>
* @modified by Stephan Schlegel www.geo-bit.de
*/

// All available pages_language_overlay records for the current page.
$query = "SELECT * FROM pages_language_overlay WHERE pid=".$GLOBALS["TSFE"]->id.$GLOBALS["TSFE"]->sys_page->enableFields("pages_language_overlay")." GROUP BY sys_language_uid";
$res = mysql(TYPO3_db,$query);
$langArr=array();
while($row=mysql_fetch_assoc($res)) {
$langArr[$row["sys_language_uid"]]=$row["title"];
}

// uids of table sys_language in this installation 0=en, 1=de, 2=es, 3=fr, 4=it

$pointer = "";// use that if you want to mark current language
// Set each icon. If the language is the current, red arrow is printed to the left.
// If the language is NOT found (represented by a pages_language_overlay record on this page), the icon is dimmed.
$flags = array();
$flags[] = '<li class="first"><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=0" target=_top><img src="fileadmin/flags/gb.png" alt="english" title="english"></a></li>';
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=1" target=_top><img src="fileadmin/flags/de'.($langArr[1]?"":"_d").'.png" alt="deutsch" title="deutsch"></a></li>';
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=2" target=_top><img src="fileadmin/flags/es'.($langArr[2]?"":"_d").'.png" alt="espagnol" title="espagnol"></a></li>';
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=3" target=_top><img src="fileadmin/flags/fr'.($langArr[3]?"":"_d").'.png" alt="francais" title="francais"></a></li>';
$flags[] = '<li class="last"><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=4" target=_top><img src="fileadmin/flags/it'.($langArr[4]?"":"_d").'.png" alt="italiano" title="italiano"></a></li>';
$content = '<ul class="nav" id="nav-lang">'.implode("",$flags).'</ul>';
?>
</pre>

TS (für Subpart oder Marker)
<pre>
page.10.subparts{
NAV_LANG=PHP_SCRIPT
NAV_LANG.file=fileadmin/templates/narda-ida/scripts/multilanguage-en-de-es-f-i.php
}
</pre>

CSS
<pre>
/* Common navigation styles */

.nav .divider{
margin: 0 1.5em 0.5em;
}

.nav {
}

.nav li li {
font-size:90%;
padding:0 0 0 1em;
}

.nav li li li {
padding-left:1em;
}

.nav a, .nav a:link,
.nav a:visited {
text-decoration:none !important;
border: none;
padding-left: 50px;
}

#nav-lang .nav a,
#nav-lang .nav a:link,
#nav-lang .nav a:visited {
text-decoration:none !important;
border: none;
padding-left: 0;
}
ul.nav a:hover, ul.nav a:active,
li.act, li.act a,
li.cur, li.cur a {

}
ul.nav {
margin:0;
padding:0;
}

ul.nav li {
list-style:none outside none;
margin:0;
padding:0;
line-height: 23px;
}
/* grafische Sprachnavigation */
#nav-lang{
padding-top: 4px;
float: left;
}
#nav-lang a,
#nav-lang a:link,
#nav-lang a:visited,
#nav-lang a:hover,
#nav-lang a:active{
padding:2px 3px;
}
#nav-lang .first a{
padding-left: 0;
}
#nav-lang .last a{
padding-right:0;
}
</pre>

== Einführung ==
* HTML-Template: Marker einbinden
* TypoScript: Marker mit Sprachskript füllen (PHP-Objekt)
* Dateien: Notwendige Dateien hochspielen (Skript und Grafiken)
* CSS anpassen damit Flaggen schön aussehen
* Backend: Sprache anlegen (Weltkugel)
* Evt. Spracheinstellungen im TypoScript (das meiste im vorgefertigten Template)
Hinweis: alles im Baukasten (Common - Ordner) ToDo

===2 Konzepte===
Um Mehrsprachigkeit zu realisieren gibt es zwei Ansätze:
# Multitree - Mehrere Navigationsbäume (für jede Sprache einen). In den Navigationsbäumen müssen die Templates entsprechend Variiert werden.
# One Tree Fits All - Mehrsprachigkeit mit den Typo3 Bordmitteln (der moderne Ansatz). Hierbei können im System mehrere Sprachen angelegt werden. Jede Sprache hat nachher in der Seitenansicht eine eigene Spalte. So hat man eine gute Übersicht welche Inhaltselemente bereits übersetzt sind.

===Welcher Ansatz ist der Richtige ?===
Kommt drauf an. Wer soll damit klar kommen? Wieviele Seiten sind es? Werden alle Seiten übersetzt?

===TypoScript Anpassungen===
Damit das System merkt in welcher Sprache es sich z.Zt. befindet wird der URL ein Parameter mitgegeben. Allgemein ist der Parameter L vereinbart. Das sollte auch eingehalten werden weil einige Extensions nur mit L als Variable arbeiten.

Damit das ganze funktioniert müssen Anpassungen mit TypoScript gemacht werden.

Am besten ein Zusätzliches Basis Template anlegen. Für eine deutsch-englische Seite kann das Setup z.B. so aussehen:
<pre>
### Parameter L definieren 0 soll die default Sprache (deutsch) sein ###
config.linkVars = L(0-2)
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE
#config.sys_language_mode = content_fallback;0 //sucht in default Sprache falls nichts vorhanden
#config.sys_language_mode = content_fallback : 1,0 // sucht in lang1 ansonsten in 0
config.sys_language_mode = strict
config.sys_language_overlay = hideNonTranslated

# Testen ob die Englische Seite gewünscht wird. In einem CASE Konstrukt wird dazu geprüft
# ob die globale Variable L=1 ist
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = en
config.locale_all = en_EN
[global]
</pre>

'''Erläuterung:'''

Im ersten Teil wird die globale Variable L definiert und dann Deutsch als default-Sprache festgelegt und mit L=0 gleichgesetzt. Danach wird getestet ob der Parameter L mit dem Wert 1 übergeben wird. Ist das der Fall wird die Systemsprache auf englisch gesetzt. Das führt später auch dazu, daß die Inhalte aus der Englischen Spalte ausgegeben werden.

Jetzt fehlt noch ein Auswahlmenü mit dem sich die Sprache auf der Webseite auswählen läßt.

Hinweis für die Kürzel gelten die Locale Abkürzungen von PHP (eigentlich wäre hier ein Bindestrich statt eines Underscore, aber php behandelt das tolerant), bzw. der Language Code und die LCID (language code id).

http://en.wikipedia.org/wiki/Locale
http://unicode.org/repos/cldr-tmp/trunk/charts/supplemental/language_territory_information.html
http://www.science.co.il/language/Locale-Codes.asp#definitions

===Sprachauswahlmenü programmieren===
In der Subpart definition (workOnSubparts) des Haupttemplates binden wir ein PHP-Skript ein, dass dafür sorgt, daß an der Stelle des Markers (hier LANGUAGE) das Menü eingebunden wird und das bei Klicks auf einen Link immer die richtige Nummer für die Sprache an die URL angehängt wird.

'''TypoScript:'''
#multilanguage-flags
marks.LANGUAGE=TEXT
marks.LANGUAGE= 
marks.LANGUAGE=PHP_SCRIPT
marks.LANGUAGE.file=fileadmin/scripts/languageMenu_d-e.php

'''php-Skript:'''
<?php
/**
* languageMenu_d-e.php basiert auf example_languageMenu.php
*
* @author Kasper Skårhøj <kasper@typo3.com>
* @modified by Stephan Schlegel www.geo-bit.de
*/
// First, select all pages_language_overlay records on the current page. Each represents a possibility for a language.
$query = "SELECT * FROM pages_language_overlay WHERE pid=".$GLOBALS["TSFE"]->id.$GLOBALS["TSFE"]->sys_page->enableFields("pages_language_overlay")." GROUP BY sys_language_uid";
$res = mysql(TYPO3_db,$query);
$langArr=array();
while($row=mysql_fetch_assoc($res)) {
$langArr[$row["sys_language_uid"]]=$row["title"];
}

// Little red arrow, which is inserted to the left of the flag-icon if the
// TSFE->sys_language_uid equals the language uid (notice that 0=deutsch, 1=englisch
// is SPECIFIC to this database, because these numbers refer to uid's of the table sys_language)
$pointer = '<img src="fileadmin/scripts/pointer.gif" width="7" height="10" align=middle>';
// Set each icon. If the language is the current, red arrow is printed to the left.
// If the language is NOT found (represented by a pages_language_overlay record on this page), the icon is dimmed.
$flags = array();
$flags[] = ($GLOBALS["TSFE"]->sys_language_uid==0?$pointer:"").'<a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=0" target=_top><img src="media/uploads/flag_de.gif" alt="deutsch" width="21" height="13" hspace=5 border="0"></a>';
$flags[] = ($GLOBALS["TSFE"]->sys_language_uid==1?$pointer:"").'<a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=1" target=_top><img src="media/uploads/flag_uk'.($langArr[1]?"":"_d").'.gif" alt="english" width="21" height="13" hspace=5 border="0"></a>';

// Make the little menu. Notice, the menu does ONLY transfer the page-id and the "L" variable (which is also SPECIFIC for this website because "L" has been used in the extension template used to control the language setup)
$content = '<span class="language_selector">'.implode("",$flags).'</span>';
?>
===Rootline für mehrere Sprachen einrichten===
temp.rootline = HMENU
temp.rootline.special = rootline
temp.rootline.special.range = 0|-1
temp.rootline.wrap = Sie sind hier:
temp.rootline.1 = TMENU
temp.rootline.1 {
target = _top
NO.linkWrap = || /
}
# evt. bestimte Seiten ausblenden...
temp.rootline.excludeUidList =

# Sprache mit der ID 3
[globalVar = GP:L = 3]
temp.rootline.wrap = You are here:
[global]

# Sprache mit der ID 4
[globalVar = GP:L = 4]
temp.rootline.wrap = bla bla:
[global]

# Sprache mit der ID X (X = beliebige zahl)
[globalVar = GP:L = X]
temp.rootline.wrap = hierher haben sie sich verirrt:
[global]

=== Ein Beispiel für ein vollständiges (zweisprachiges) TypoScript ===

<pre>
### Spracheinstellungen ###
config.linkVars = L
config.sys_language_mode = content_fallback;0

[globalVar = GP:L = 0]
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE

# Link to top
#content.linkToTop >
tt_content.stdWrap.innerWrap2 = |<br><div align="right"><A href="#top"><font color="#AB3C4B" face="Arial, Helvetica, sans-serif" size="1"><B>nach oben</b></font></a></div>

#Suchfunktion
tt_content.search{
20.layout.10.value = Suchergebnis: ###RANGELOW###-###RANGEHIGH### von ###TOTAL###
20.noResultObj.10.value = Keine Treffer.
20.next.value=nächste
20.prev.value=vorherige
30.dataArray.10.label = Suche nach:
30.dataArray.20.label = Suche in:
30.dataArray.20.valueArray.10.label = Überschriften und Schlüsselworten
30.dataArray.20.valueArray.20.label = Seiteninhalten
30.dataArray.40.value = Suche starten
}

[global]

# English language, sys_language.uid = 1
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = en
config.locale_all = english

# Link to top
#content.linkToTop >
tt_content.stdWrap.innerWrap2 = <br><div align="right"><A href="#top"><font color="#AB3C4B" face="Arial, Helvetica, sans-serif" size="1"><B>to top</b></font></a></div>

#Suchfunktion - englisch
tt_content.search{
20.layout.10.value = Suchergebnis: ###RANGELOW###-###RANGEHIGH### von ###TOTAL###
20.noResultObj.10.value = No hits.
20.next.value=next
20.prev.value=previous
30.dataArray.10.label = Searchwords:
30.dataArray.20.label = Search in:
30.dataArray.20.valueArray.10.label = Headlines & Keywords
30.dataArray.20.valueArray.20.label = Content
30.dataArray.40.value = Start search
}
[global]
</pre>
=== Schritt für Schritt Anleitung ===
* Mindestens eine weitere Sprache anlegen (Listenansicht - Weltkugel)
* TypoScript Sprachvariable und Template anpassen:
* Benötigte Skripte und Bilder(Flaggen) Uploaden<br>z.B. mulitlan_d-e.php, flag_uk.gif...
* Marker im TypoScript Template anlegen:z.B.
<pre>
### Multilanguage-Navi ###
marks.LANGUAGE=PHP_SCRIPT
marks.LANGUAGE.file=fileadmin/scripts/languageMenu_e-d.php
</pre>
* Marker im HTML-Template einbauen. Am besten in divs damit man es per CSS gestalten kann
<div id="languageSelector">###LANGUAGE###</div>

=== Probleme bei mehrsprachigen Seiten ===
Lösungen bei verschiedenen Problemen mit mehrsprachigen Seiten gibt es hier:

[[Typo3 - Probleme mit mehrsprachigen Seiten lösen]]

=== Skriptsammlung ===
==== php-Sprachskript ====
<pre>
<?php
/**
* languageMenu_d-e.php basiert auf example_languageMenu.php
*
* @author Kasper Skårhøj <kasper@typo3.com>
* @modified by Stephan Schlegel www.geo-bit.de
*/
// First, select all pages_language_overlay records on the current page.
// Each represents a possibility for a language.
$query = "SELECT * FROM pages_language_overlay WHERE pid=".$GLOBALS["TSFE"]->id.$GLOBALS["TSFE"]->sys_page->enableFields("pages_language_overlay")." GROUP BY sys_language_uid";
$res = mysql(TYPO3_db,$query);
$langArr=array();
while($row=mysql_fetch_assoc($res)) {
$langArr[$row["sys_language_uid"]]=$row["title"];
}

// Little red arrow, which is inserted to the left of the flag-icon if the
// TSFE->sys_language_uid equals the language uid (notice that 0=deutsch, 1=englisch
// is SPECIFIC to this database, because these numbers refer to uid's of the table sys_language)
//$pointer = '<img src="fileadmin/scripts/pointer.gif" width="7" height="10" align=middle>';
$pointer = "";
// Set each icon. If the language is the current, red arrow is printed to the left.
// If the language is NOT found (represented by a pages_language_overlay record on this page), the icon is dimmed.
$flags = array();
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=0" target=_top><span class="flag"><img src="fileadmin/template/images/flag_de.gif" alt="deutsch" title="deutsch" border="0"></span></a></li>';
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=1" target=_top><span class="flag"><img src="fileadmin/template/images/flag_uk'.($langArr[1]?"":"_d").'.gif" alt="english" title="english" border="0"><span></a></li>';

// Make the little menu. Notice, the menu does ONLY transfer the page-id and the "L" variable (which is also SPECIFIC for this website because "L" has been used in the extension template used to control the language setup)
$content = '<ul>'.implode("",$flags).'</ul>';
?>
</pre>

==== TypoScript multilanguage Extension ====
ext_multilang_d-e.tmpl

Setup:
<pre>
### Spracheinstellungen ###
config.linkVars = L
config.sys_language_mode = content_fallback;0

### ohne Sprachauswahl ###

# Standardsprache deutsch wird festgelegt
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE

# CSS
page.stylesheet = fileadmin/template/css/main.css

### DEUTSCH ###
[globalVar = GP:L = 0]
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE

# CSS
#page.stylesheet = fileadmin/template/main.css

# Link to top
#content.linkToTop >
tt_content.stdWrap.innerWrap2 = |<br><div class="toTop"><a href="#top">nach oben</a></div>
[global]

### ENGLISCH ###
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = en
config.locale_all = english

# CSS
#page.stylesheet = fileadmin/template/main_en.css

# Link to top
#content.linkToTop >
tt_content.stdWrap.innerWrap2 = <br><div class="toTop"><a href="#top">to top</a></div>

#...

[global]
</pre>

=== Übersetzung nur Anzeigen wenn sie vorhanden ist ===
Typo3 - Stuttgart Mailing List (Juli 2006)

<pre>
> >Hallo ihr alle,
> >
> >ich habe eine typo3 3.7.1 installation und möchte eine übersetzung nur dann anzeigen, wenn diese vorhanden ist.
> >Wenn sie nicht vorhanden ist soll der gesamte menüpunkt rausfliegen.
> >
> >Der untenstehende code sollte funktionieren - tut es aber nicht...
> >Weis da jemand bescheid?
> >...meine langwierige recherchen haben leider auch nichts ergeben ;-((
> >
> >config.linkVars = L
> >config.sys_language_uid = 0
> >config.language = de
> >config.sys_language_mode = strict
> >config.sys_language_overlay = hideNonTranslated
> >
> >lg niko
> >
> >
</pre>

Hallo Niko,

vielleicht hilft dir dies weiter:

http://www.datenwolken.de/index.php?id=221

und ein Beispiel hier

http://forum.typo3.fr/index.php?showtopic=4236

<pre>
// User defined
USERDEF1 = 1
USERDEF1.doNotLinkIt = 1
USERDEF1.linkWrap = <li class="disabled">|</li>
USERDEF1.stdWrap.override = EN || FR || DE
}
</pre>

li.disabled dann im stylesheet ausblenden ...

Grüße
Ines

_______________________________________________
TYPO3-stuttgart mailing list
TYPO3-stuttgart@lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-stuttgart

== Datum und Zeit ==
Oft ist es schwierig herauszufinden wo gerade die Ausgabe von Zeit und Datum konfiguriert wird.

Wenn eine der Extensions ts_language_de oder ts_language_xx installiert ist wird dort der Standard einer andeen Extension (z.B. tt_news) überschrieben. Diese Einstellung kann wieder im eigenen TS überschrieben werden.

Im Template Analyser kann man die Reihenfolge gut sehen.

Beispiel zur Konfiguration:

'''Examples:'''
Your site is a "one-language-site" and you configured the site-language as default language of TYPO3. If you have a ts_language_xx extension installed, to set some country specific settings for other extensions, I suggest to copy the part which refers to tt_news in your main template or an ext template which is included. Here an example for german settings:

<pre>
# set the TYPO3 language to german
config.language = de
# set the PHP locale to german
config.locale_all = de_DE

# tt_news date & time formats
plugin.tt_news {
archiveTitleCObject {
10.strftime = %B - %Y
}
getRelatedCObject {
20.strftime = %d.%m.%Y %H:%M
}
displaySingle {
date_stdWrap.strftime= %d.%m.%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
time_stdWrap.strftime= %d.%m.%y %H:%M
}
}
</pre>

Hint: If the locale_all setting "de_DE" don't work on your WAMP installation, try to set it to "german". There are some differences in the handling of the php-locale on windows and linux.

If your site is a multilanguage site like the "one-tree-fits-all-languages" example from the "testsite" package (see: http://typo3.org/documentation/tips-tricks/multi-language-sites-in-typo3/ ) you can add the country specific settings to the language condition in your TS-setup:

<pre>
# Setting up the language variable "L" to be passed along with links
config.linkVars = L

# German language, sys_language.uid = 2
[globalVar = GP:L = 2]
config.sys_language_uid = 2
config.language = de
config.locale_all = de_DE

# set german date & time formats
plugin.tt_news {
archiveTitleCObject {
10.strftime = %B - %Y
}
getRelatedCObject {
20.strftime = %d.%m.%Y %H:%M
}
displaySingle {
date_stdWrap.strftime= %d.%m.%y
time_stdWrap.strftime= %H:%M
age_stdWrap.age = Minuten | Stunden | Tage | Jahre
}
displayLatest {
date_stdWrap.strftime= %d.%m.%y
time_stdWrap.strftime= %H:%M
}
displayList {
date_stdWrap.strftime= %A %d. %B %Y
time_stdWrap.strftime= %d.%m.%y %H:%M
}
}
[global]

# Danish language, sys_language.uid = 1
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = dk
config.locale_all = danish

# set danish date & time formats
plugin.tt_news {
# sorry, don't know the danish date & time settings ;-)
}
[global]
</pre>

== Felder im Backend für mehrere Sprachen benutzen ==

michael schuhmacher wrote:
> Hallo,
> weiss jemand wie ich es anstelle, dass bei einer eigenen extension, im backend bestimmte felder grundsaetzlich fuer alle sprachen stehen sollen? so dass man nicht zb. die selben bilder in den uebersetzungen nochmal angeben muss.

habs schon

in meinem fall in ext_tables.php (oder auch in tca.php)

"l10n_mode" => 'exclude',

== Sprachlabel für die Frontendausgabe anpassen ==
Stichwort Language Label, Sprachlabel, Mehrsprachigkeit
Bei Mehrsprachigen Extensions werden die Ausgaben für die verschiedenen Sprachen in der Regel in der Datei locallang.xml notiert. Oftmals möchte man diese Ausgaben anpassen, ohne diese Datei zu verändern. Denn nach einem Update würden die Änderungen wieder Rückgängig gemacht. Die Labels für die Sprache lassen sich aber auch über eigene Extensions oder über TypoScript anpassen.

Mit TypoScript funktioniert das etwa so:

plugin.tt_news._LOCAL_LANG.de.more = mehr >>
also nach dem Schema:
plugin.meinPlugin._LOCAL_LANG.sprachkürzel.labelnahme = meinLabel

== Sprachlabel im Backend anpassen ==
Quelle: http://typo3-freelancer-berlin.de/typo3-blog/artikel/typo3-backendformulare-label-aendern-per-typoscript.html (Zugriff: 09/2011)

Oftmals möchten Kunden die Bezeichnung einzelner Felder im backend anders benannt haben.

pageTSconfig

// Label in eigener locallang_db.php überschreiben
TCEFORM.table.column.label = LLL:typo3conf/override_locallang_db.php:table.column

// Label direkt in pageTSconfig überschreiben

TCEFORM.table.column.label = My Title
TCEFORM.table.column.label.de = Mein Titel

== Weiterleitung in Abhängigkeit der Browsersprache ==
Damit der Benutzer gleich auf der richtigen Sprache landet kann man die Extension
rlmp_language_detection benutzen.

Als Erweiterung gibt es noch die Extension Title Language Detection - Extended( sr_language_detect ) von Stanislas Rolland
=== Konfiguration für One-Tree Konzept ===
<pre>
plugin.tx_rlmplanguagedetection_pi1 {
defaultLang = de #ISO-Code der Standardsprache anpasssen
}
</pre>

=== Konfiguration für Multi-Tree Konzept ===
<pre>

plugin.tx_rlmplanguagedetection_pi1 {
useOneTreeMethod = 0
multipleTreesRootPages
{
#PID's der jeweiligen Sprachen anpassen, ggf. neue zufuegen
de = 216
en = 120
es = 482
}
}
=== Problem mit Browserseitigem Cache bei Einsatz von rlmplanguagedetection ===
Um die richtigen Werte für das Caching auszugeben muß in der Konfiguration stehen:

Typoscript: Zeilennummerierung: An / Aus

1.
config.sendCacheHeaders = 1

Diese Funktion bleibt aber unter anderem auf den Seiten wirkungslos, in denen USER_INT Objekte genutzt werden.

Mit der Extention 'rlmplanguagedetection' steckt dieses Object in jedem Seiten-Rendering. Das USER_INT Object braucht es aber für die Funktion der Extension.

Da die Extension keine neuen Header mit 'Location' und dem GetParameter ausgibt, wenn dieser Parameter bereits in der URL vorhanden ist, braucht es diese USER_INT funktion folglich auch nicht bei jedem Seitenaufruf. Um sie denn in diesem Falle aus den Seiten-Rendering auch auszuschließen habe ich mich für folgendes Konzept entschieden, in dem via TypoScript die Extension einfach ausgeschlossen wird, wenn der GetParameter bereits existiert:

Typoscript: Zeilennummerierung: An / Aus

1.
# send Cache Headers
2.
config.sendCacheHeaders = 1
3.
# disable USER_INT 'rlmplanguagedetection' when GP:L exists
4.
[globalVar=GP:L=0,GP:L>0]
5.
plugin.tx_rlmplanguagedetection_pi1 >
6.
[global]

Das funktioniert, und damit lässt sich die Extension auch wieder für Proxy- oder Clientseitiges Cachen nutzen.[/TS]
3. Testen (Browsersprache ändern. Anleitung unten.)
4. Falls es Probleme gibt und die Spracherkennung / -weiterleitung nicht funktioniert, kann folgendes im Setup des Root Templates hinzufügt werden. Hier wird die Erweiterung im Page-Element an Position 1000 inkludiert. Diese Einstellung muss ggf. angepasst werden.

page.1000 < plugin.tx_rlmplanguagedetection_pi1

Tipps zum Testen

Wie stellt man die Sprache des Browsers um? Das Umstellen der Browsersprache:

Firefox

* Extras > Einstellungen > Reiter Erweitert > Reiter Allgemein (Windowsversion) oder
Bearbeiten > Einstellungen > Reiter Erweitert > Reiter Allgemein (Linuxversion)
* im Unteren Bereich befindet sich der Abschnitt Sprache, in dem man über den Button "wählen" ein oder mehrere neue Sprachen hinzufügen kann. Die Sprache in der getestet wird steht immer oben.

Internet Explorer IE

* Extras > Internetoptionen
* im Unteren Bereich befindet sich der Button Sprache, mit dem man ein oder mehrere neue Sprachen hinzufügen kann. Die Sprache in der getestet wird steht immer oben.

Wenn es nicht funktioniert

Wenn es nicht funktioniert hat man eventuell die Sprachen nicht richtig eingerichtet. Hier sollte man noch mal die Konfiguration überprüfen.
Anleitung von rainer-grundel Datum des Zugriffs 1.4.2008, http://www.rainer-grundel.de/wissensdb/typo3/empfohlene_extensions/artikel/article/anzeige_der_website_nach_browsersprache.html</pre>

== Mehrsprachigkeit und TemplaVoila ==
Wenn man eine mehrsprachige Seite mit TemplaVoila nutzt. Kann man das Verhalten in der Datenstruktur der TemplaVoila Templates steuern.

TemplaVoila nutzt zur Darstellung seiner Inhalte Flexforms. Die dazugehörigen Parameter für die Darstellung der Mehrsprachigen Datensätze im Backend steuert man daher mit der Flexform T3DataStructure. Konkret sind hier folgende XML-Tags von Bedeutung:
<pre>
<meta type="array">
<langDisable type="integer">[0|1]</langDisable>
<langChildren type="integer">[0|1]</langChildren>
</meta>
</pre>
Wie gezeigt können diese also entweder den Wert 0 oder 1 enthalten
===langDisable===
'''0''' Sprachsteuerung durch das Flexform, technisch gesehen bedeutet das, daß die Übersetzungen im Flexform-Datensatz gespeichert werden. Siehe auch langChildren

'''1''' Die Sprachsteuerung durch das Flexform ist abgeschaltet. D.h. Typo3 übernimmt das selbst. Dies ist die geeignete Einstellung für Flexible Content Elemente die zur Gliederung (z.B. 2Spalter) genutzt werden.

===langChildren===
Hat nur Auswirkung wenn langDisable auf 0 steht.

'''1''' Die Inhalte der Flexforms lassen sich Direkt übersetzen (Flagge klicken) und werden zusammengezoge im Backend dargestellt.
Im Frontend wird die Standardsprache verwendet wenn keine Übersetzung vorhanden ist.

'''0''' Keine Direkte übersetzung. Das komplette Flexform wird übersetzt.

== Seiten ohne Übersetzung im Menü verstecken ==
Quelle:http://blog.undkonsorten.com/typo3-seite-uebersetzung-menue-verstecken

Datum des Zugriffs: 29.4.2009

16. Januar 2008

Für mehrsprachige TYPO3-Webseiten im One-Tree-Konzept werden standardgemäß die immer alle Menüeintäge in der Standardsprache ausgegeben, insofern für diese keine Übersetzung angelegt wurde. In der Regel ist eine Navigation in zwei verschiedenen Sprachen nicht erwünscht und man möchte Seiten ohne Übersetzungen verstecken. Es gibt zwei Wege, dies umzusetzen.

'''Lösung über das TYPO3-Backend'''

Am einfachsten lässen sich Seiten ohne Übersetzungen ausblenden, indem man unter Seiteneigenschaften > Spracheinstellungen das Verstecke Seiten wenn keine Übersetzung… mit einem kleinen Häckchen versieht.

TYPO3: Sprache verstecken, wenn keine Übersetzung existiert

Wenn für diese Seite - angenommen sie sei deutsche - keine Übersetzung angelegt wurde, man sich aber z.B. gerade im Frontend im englischen Bereich befindet, so wird diese Seite nicht angezeigt.

'''Lösung per Installtool bzw. localconf.php'''

Im Install-Tool > All Configuration gibt es den Eintrag [hidePagesIfNotTranslatedByDefault] . Wenn man hier den Wert TRUE einträgt werden alle Seiten ohne Übersetzung per default versteckt. Dies entspricht folgendem Eintrag in der localconf:

$TYPO3_CONF_VARS['FE']['hidePagesIfNotTranslatedByDefault'] = ‘TRUE’;

'''Standard-Übersetzung im Menü einblenden per TypoScript'''

Man kann per TypoScript-Setup umgekehrt für die Menükonfiguration angeben, dass Seiten generell in der default-Sprache ausgegeben werden, insofern keine Übersetzung vorliegt. Das sieht dann so aus:

temp.navigation = HMENU
temp.navigation {
…
protectLvar = all
…
}

protectLvar kennt die Werte 1 und all. Mit all wird der Wert des Kontrollkästchens überschrieben und Seiten ohne Übersetzungen werden immer ausgegegen.

Typo3 - Mehrsprachige Seiten

2012-09-25T10:00:41Z

149.172.152.49: /* TypoScript Anpassungen */

Siehe auch: [[Typo3 - Standardeinstellungen]]

== Quickstart ==
=== One Tree Multilanguage Basic TS ===
Default Sprache wäre hier en (uid = 0)

<pre>
config{
// more properties for multilanguage pages
linkVars = L(1-10)
uniqueLinkVars = 1
sys_language_mode = content_fallback
}

// Language Settings for second language

[globalVar = GP:L=1]
config {
language = de
locale_all = de_DE
htmlTag_langKey = de
sys_language_uid = 1
}
[global]
[globalVar = GP:L=2]
config {
language = es
locale_all = es_ES
htmlTag_langKey = es
sys_language_uid = 2
}
[global]
[globalVar = GP:L=3]
config {
language = fr
locale_all = fr_FR
htmlTag_langKey = fr
sys_language_uid = 3
}
[global]
[globalVar = GP:L=4]
config {
language = it
locale_all = it_IT
htmlTag_langKey = it
sys_language_uid = 4
}
[global]
</pre>
=== Sprachmenü Textversion ===
<pre>
########################################
### Standard Sprachmenu (TS Version) ###
########################################

temp.langTextMenu = COA
temp.langTextMenu{
10 = TEXT
10 {
# Labels
#value = Language:
#lang.de = Sprache:
#lang.fr = Langue:
#wrap = <div id="nav-lang-label">|</div>
}
20 = HMENU
20{
wrap = <div id="nav-lang">|</div>
special = language
# Liste der Sprach IDs (0 = Deutsch, 1 = Englisch, 2 = Franzoesisch)
//special.value = 0,1,2
special.value = 0,1
1 = TMENU
1{
wrap = <ul class="nav">|</ul>
NO = 1
NO {
stdWrap.cObject = TEXT
stdWrap.cObject{
value = english || deutsch
# oder auf diese Weise:
#lang.de = Englisch || Deutsch || Franzoesich
#lang.fr = ...
}
allWrap = <li class = "no first"> | </li>|*|<li class = "no"> |  | </li>|*|<li class = "no last"> |  | </li>
}
ACT < .NO
ACT {
doNotLinkIt = 1
allWrap = <li class = "act first"> | </li>|*|<li class = "act"> |  | </li>|*|<li class = "act last"> |  | </li>
}
# Zustand NO wenn keine Uebersetzung vorliegt
USERDEF1 < .NO
USERDEF1 {
doNotLinkIt = 1
allWrap = <li class = "no empty first"> | </li>|*|<li class = "no empty"> |  | </li>|*|<li class = "no empty last"> |  | </li>
}
# Zustand ACT wenn keine Uebersetzung vorliegt
USERDEF2 < .NO
USERDEF2 {
doNotLinkIt = 1
allWrap = <li class="act empty first"> | </li>|*|<li class="act empty"> |  | </li>|*|<li class="act empty last"> |  | </li>
}
}
}
}

</pre>

=== Sprachmenü grafische Version ===
Möglichkeiten:

1. obiges Menü anpassen

2. siehe unten php Version

3. sr_language_menu Extension

siehe auch [[TYPO3 Sprachmenü mit sr_language_menu]]

==== Komplettbeispiel grafische Navigation mit php-Skript ====
'''Flaggen'''

Für die Flaggen nehmen wir im Beispiel eine aktive Version z.B. it.png und eine gedimmte (sw) Version z.B. it_d.png

PHP
<pre>

<?php
/**
* languageMenu_d-e.php basiert auf example_languageMenu.php
*
* @author Kasper Skårhøj <kasper@typo3.com>
* @modified by Stephan Schlegel www.geo-bit.de
*/

// All available pages_language_overlay records for the current page.
$query = "SELECT * FROM pages_language_overlay WHERE pid=".$GLOBALS["TSFE"]->id.$GLOBALS["TSFE"]->sys_page->enableFields("pages_language_overlay")." GROUP BY sys_language_uid";
$res = mysql(TYPO3_db,$query);
$langArr=array();
while($row=mysql_fetch_assoc($res)) {
$langArr[$row["sys_language_uid"]]=$row["title"];
}

// uids of table sys_language in this installation 0=en, 1=de, 2=es, 3=fr, 4=it

$pointer = "";// use that if you want to mark current language
// Set each icon. If the language is the current, red arrow is printed to the left.
// If the language is NOT found (represented by a pages_language_overlay record on this page), the icon is dimmed.
$flags = array();
$flags[] = '<li class="first"><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=0" target=_top><img src="fileadmin/flags/gb.png" alt="english" title="english"></a></li>';
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=1" target=_top><img src="fileadmin/flags/de'.($langArr[1]?"":"_d").'.png" alt="deutsch" title="deutsch"></a></li>';
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=2" target=_top><img src="fileadmin/flags/es'.($langArr[2]?"":"_d").'.png" alt="espagnol" title="espagnol"></a></li>';
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=3" target=_top><img src="fileadmin/flags/fr'.($langArr[3]?"":"_d").'.png" alt="francais" title="francais"></a></li>';
$flags[] = '<li class="last"><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=4" target=_top><img src="fileadmin/flags/it'.($langArr[4]?"":"_d").'.png" alt="italiano" title="italiano"></a></li>';
$content = '<ul class="nav" id="nav-lang">'.implode("",$flags).'</ul>';
?>
</pre>

TS (für Subpart oder Marker)
<pre>
page.10.subparts{
NAV_LANG=PHP_SCRIPT
NAV_LANG.file=fileadmin/templates/narda-ida/scripts/multilanguage-en-de-es-f-i.php
}
</pre>

CSS
<pre>
/* Common navigation styles */

.nav .divider{
margin: 0 1.5em 0.5em;
}

.nav {
}

.nav li li {
font-size:90%;
padding:0 0 0 1em;
}

.nav li li li {
padding-left:1em;
}

.nav a, .nav a:link,
.nav a:visited {
text-decoration:none !important;
border: none;
padding-left: 50px;
}

#nav-lang .nav a,
#nav-lang .nav a:link,
#nav-lang .nav a:visited {
text-decoration:none !important;
border: none;
padding-left: 0;
}
ul.nav a:hover, ul.nav a:active,
li.act, li.act a,
li.cur, li.cur a {

}
ul.nav {
margin:0;
padding:0;
}

ul.nav li {
list-style:none outside none;
margin:0;
padding:0;
line-height: 23px;
}
/* grafische Sprachnavigation */
#nav-lang{
padding-top: 4px;
float: left;
}
#nav-lang a,
#nav-lang a:link,
#nav-lang a:visited,
#nav-lang a:hover,
#nav-lang a:active{
padding:2px 3px;
}
#nav-lang .first a{
padding-left: 0;
}
#nav-lang .last a{
padding-right:0;
}
</pre>

== Einführung ==
* HTML-Template: Marker einbinden
* TypoScript: Marker mit Sprachskript füllen (PHP-Objekt)
* Dateien: Notwendige Dateien hochspielen (Skript und Grafiken)
* CSS anpassen damit Flaggen schön aussehen
* Backend: Sprache anlegen (Weltkugel)
* Evt. Spracheinstellungen im TypoScript (das meiste im vorgefertigten Template)
Hinweis: alles im Baukasten (Common - Ordner) ToDo

===2 Konzepte===
Um Mehrsprachigkeit zu realisieren gibt es zwei Ansätze:
# Multitree - Mehrere Navigationsbäume (für jede Sprache einen). In den Navigationsbäumen müssen die Templates entsprechend Variiert werden.
# One Tree Fits All - Mehrsprachigkeit mit den Typo3 Bordmitteln (der moderne Ansatz). Hierbei können im System mehrere Sprachen angelegt werden. Jede Sprache hat nachher in der Seitenansicht eine eigene Spalte. So hat man eine gute Übersicht welche Inhaltselemente bereits übersetzt sind.

===Welcher Ansatz ist der Richtige ?===
Kommt drauf an. Wer soll damit klar kommen? Wieviele Seiten sind es? Werden alle Seiten übersetzt?

===TypoScript Anpassungen===
Damit das System merkt in welcher Sprache es sich z.Zt. befindet wird der URL ein Parameter mitgegeben. Allgemein ist der Parameter L vereinbart. Das sollte auch eingehalten werden weil einige Extensions nur mit L als Variable arbeiten.

Damit das ganze funktioniert müssen Anpassungen mit TypoScript gemacht werden.

Am besten ein Zusätzliches Basis Template anlegen. Für eine deutsch-englische Seite kann das Setup z.B. so aussehen:
<pre>
### Parameter L definieren 0 soll die default Sprache (deutsch) sein ###
config.linkVars = L(0-2)
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE
#config.sys_language_mode = content_fallback;0 //sucht in default Sprache falls nichts vorhanden
#config.sys_language_mode = content_fallback : 1,0 // sucht in lang1 ansonsten in 0
config.sys_language_mode = strict
config.sys_language_overlay = hideNonTranslated

# Testen ob die Englische Seite gewünscht wird. In einem CASE Konstrukt wird dazu geprüft
# ob die globale Variable L=1 ist
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = en
config.locale_all = en_EN
[global]
</pre>

'''Erläuterung:'''

Im ersten Teil wird die globale Variable L definiert und dann Deutsch als default-Sprache festgelegt und mit L=0 gleichgesetzt. Danach wird getestet ob der Parameter L mit dem Wert 1 übergeben wird. Ist das der Fall wird die Systemsprache auf englisch gesetzt. Das führt später auch dazu, daß die Inhalte aus der Englischen Spalte ausgegeben werden.

Jetzt fehlt noch ein Auswahlmenü mit dem sich die Sprache auf der Webseite auswählen läßt.

Hinweis für die Kürzel gelten die Locale Abkürzungen von PHP (eigentlich wäre hier ein Bindestrich statt eines Underscore, aber php behandelt das tolerant), bzw. der Language Code und die LCID (language code id).

http://www.science.co.il/language/Locale-Codes.asp#definitions

===Sprachauswahlmenü programmieren===
In der Subpart definition (workOnSubparts) des Haupttemplates binden wir ein PHP-Skript ein, dass dafür sorgt, daß an der Stelle des Markers (hier LANGUAGE) das Menü eingebunden wird und das bei Klicks auf einen Link immer die richtige Nummer für die Sprache an die URL angehängt wird.

'''TypoScript:'''
#multilanguage-flags
marks.LANGUAGE=TEXT
marks.LANGUAGE= 
marks.LANGUAGE=PHP_SCRIPT
marks.LANGUAGE.file=fileadmin/scripts/languageMenu_d-e.php

'''php-Skript:'''
<?php
/**
* languageMenu_d-e.php basiert auf example_languageMenu.php
*
* @author Kasper Skårhøj <kasper@typo3.com>
* @modified by Stephan Schlegel www.geo-bit.de
*/
// First, select all pages_language_overlay records on the current page. Each represents a possibility for a language.
$query = "SELECT * FROM pages_language_overlay WHERE pid=".$GLOBALS["TSFE"]->id.$GLOBALS["TSFE"]->sys_page->enableFields("pages_language_overlay")." GROUP BY sys_language_uid";
$res = mysql(TYPO3_db,$query);
$langArr=array();
while($row=mysql_fetch_assoc($res)) {
$langArr[$row["sys_language_uid"]]=$row["title"];
}

// Little red arrow, which is inserted to the left of the flag-icon if the
// TSFE->sys_language_uid equals the language uid (notice that 0=deutsch, 1=englisch
// is SPECIFIC to this database, because these numbers refer to uid's of the table sys_language)
$pointer = '<img src="fileadmin/scripts/pointer.gif" width="7" height="10" align=middle>';
// Set each icon. If the language is the current, red arrow is printed to the left.
// If the language is NOT found (represented by a pages_language_overlay record on this page), the icon is dimmed.
$flags = array();
$flags[] = ($GLOBALS["TSFE"]->sys_language_uid==0?$pointer:"").'<a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=0" target=_top><img src="media/uploads/flag_de.gif" alt="deutsch" width="21" height="13" hspace=5 border="0"></a>';
$flags[] = ($GLOBALS["TSFE"]->sys_language_uid==1?$pointer:"").'<a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=1" target=_top><img src="media/uploads/flag_uk'.($langArr[1]?"":"_d").'.gif" alt="english" width="21" height="13" hspace=5 border="0"></a>';

// Make the little menu. Notice, the menu does ONLY transfer the page-id and the "L" variable (which is also SPECIFIC for this website because "L" has been used in the extension template used to control the language setup)
$content = '<span class="language_selector">'.implode("",$flags).'</span>';
?>
===Rootline für mehrere Sprachen einrichten===
temp.rootline = HMENU
temp.rootline.special = rootline
temp.rootline.special.range = 0|-1
temp.rootline.wrap = Sie sind hier:
temp.rootline.1 = TMENU
temp.rootline.1 {
target = _top
NO.linkWrap = || /
}
# evt. bestimte Seiten ausblenden...
temp.rootline.excludeUidList =

# Sprache mit der ID 3
[globalVar = GP:L = 3]
temp.rootline.wrap = You are here:
[global]

# Sprache mit der ID 4
[globalVar = GP:L = 4]
temp.rootline.wrap = bla bla:
[global]

# Sprache mit der ID X (X = beliebige zahl)
[globalVar = GP:L = X]
temp.rootline.wrap = hierher haben sie sich verirrt:
[global]

=== Ein Beispiel für ein vollständiges (zweisprachiges) TypoScript ===

<pre>
### Spracheinstellungen ###
config.linkVars = L
config.sys_language_mode = content_fallback;0

[globalVar = GP:L = 0]
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE

# Link to top
#content.linkToTop >
tt_content.stdWrap.innerWrap2 = |<br><div align="right"><A href="#top"><font color="#AB3C4B" face="Arial, Helvetica, sans-serif" size="1"><B>nach oben</b></font></a></div>

#Suchfunktion
tt_content.search{
20.layout.10.value = Suchergebnis: ###RANGELOW###-###RANGEHIGH### von ###TOTAL###
20.noResultObj.10.value = Keine Treffer.
20.next.value=nächste
20.prev.value=vorherige
30.dataArray.10.label = Suche nach:
30.dataArray.20.label = Suche in:
30.dataArray.20.valueArray.10.label = Überschriften und Schlüsselworten
30.dataArray.20.valueArray.20.label = Seiteninhalten
30.dataArray.40.value = Suche starten
}

[global]

# English language, sys_language.uid = 1
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = en
config.locale_all = english

# Link to top
#content.linkToTop >
tt_content.stdWrap.innerWrap2 = <br><div align="right"><A href="#top"><font color="#AB3C4B" face="Arial, Helvetica, sans-serif" size="1"><B>to top</b></font></a></div>

#Suchfunktion - englisch
tt_content.search{
20.layout.10.value = Suchergebnis: ###RANGELOW###-###RANGEHIGH### von ###TOTAL###
20.noResultObj.10.value = No hits.
20.next.value=next
20.prev.value=previous
30.dataArray.10.label = Searchwords:
30.dataArray.20.label = Search in:
30.dataArray.20.valueArray.10.label = Headlines & Keywords
30.dataArray.20.valueArray.20.label = Content
30.dataArray.40.value = Start search
}
[global]
</pre>
=== Schritt für Schritt Anleitung ===
* Mindestens eine weitere Sprache anlegen (Listenansicht - Weltkugel)
* TypoScript Sprachvariable und Template anpassen:
* Benötigte Skripte und Bilder(Flaggen) Uploaden<br>z.B. mulitlan_d-e.php, flag_uk.gif...
* Marker im TypoScript Template anlegen:z.B.
<pre>
### Multilanguage-Navi ###
marks.LANGUAGE=PHP_SCRIPT
marks.LANGUAGE.file=fileadmin/scripts/languageMenu_e-d.php
</pre>
* Marker im HTML-Template einbauen. Am besten in divs damit man es per CSS gestalten kann
<div id="languageSelector">###LANGUAGE###</div>

=== Probleme bei mehrsprachigen Seiten ===
Lösungen bei verschiedenen Problemen mit mehrsprachigen Seiten gibt es hier:

[[Typo3 - Probleme mit mehrsprachigen Seiten lösen]]

=== Skriptsammlung ===
==== php-Sprachskript ====
<pre>
<?php
/**
* languageMenu_d-e.php basiert auf example_languageMenu.php
*
* @author Kasper Skårhøj <kasper@typo3.com>
* @modified by Stephan Schlegel www.geo-bit.de
*/
// First, select all pages_language_overlay records on the current page.
// Each represents a possibility for a language.
$query = "SELECT * FROM pages_language_overlay WHERE pid=".$GLOBALS["TSFE"]->id.$GLOBALS["TSFE"]->sys_page->enableFields("pages_language_overlay")." GROUP BY sys_language_uid";
$res = mysql(TYPO3_db,$query);
$langArr=array();
while($row=mysql_fetch_assoc($res)) {
$langArr[$row["sys_language_uid"]]=$row["title"];
}

// Little red arrow, which is inserted to the left of the flag-icon if the
// TSFE->sys_language_uid equals the language uid (notice that 0=deutsch, 1=englisch
// is SPECIFIC to this database, because these numbers refer to uid's of the table sys_language)
//$pointer = '<img src="fileadmin/scripts/pointer.gif" width="7" height="10" align=middle>';
$pointer = "";
// Set each icon. If the language is the current, red arrow is printed to the left.
// If the language is NOT found (represented by a pages_language_overlay record on this page), the icon is dimmed.
$flags = array();
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=0" target=_top><span class="flag"><img src="fileadmin/template/images/flag_de.gif" alt="deutsch" title="deutsch" border="0"></span></a></li>';
$flags[] = '<li><a href="index.php?id='.$GLOBALS["TSFE"]->id.'&L=1" target=_top><span class="flag"><img src="fileadmin/template/images/flag_uk'.($langArr[1]?"":"_d").'.gif" alt="english" title="english" border="0"><span></a></li>';

// Make the little menu. Notice, the menu does ONLY transfer the page-id and the "L" variable (which is also SPECIFIC for this website because "L" has been used in the extension template used to control the language setup)
$content = '<ul>'.implode("",$flags).'</ul>';
?>
</pre>

==== TypoScript multilanguage Extension ====
ext_multilang_d-e.tmpl

Setup:
<pre>
### Spracheinstellungen ###
config.linkVars = L
config.sys_language_mode = content_fallback;0

### ohne Sprachauswahl ###

# Standardsprache deutsch wird festgelegt
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE

# CSS
page.stylesheet = fileadmin/template/css/main.css

### DEUTSCH ###
[globalVar = GP:L = 0]
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE

# CSS
#page.stylesheet = fileadmin/template/main.css

# Link to top
#content.linkToTop >
tt_content.stdWrap.innerWrap2 = |<br><div class="toTop"><a href="#top">nach oben</a></div>
[global]

### ENGLISCH ###
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = en
config.locale_all = english

# CSS
#page.stylesheet = fileadmin/template/main_en.css

# Link to top
#content.linkToTop >
tt_content.stdWrap.innerWrap2 = <br><div class="toTop"><a href="#top">to top</a></div>

#...

[global]
</pre>

=== Übersetzung nur Anzeigen wenn sie vorhanden ist ===
Typo3 - Stuttgart Mailing List (Juli 2006)

<pre>
> >Hallo ihr alle,
> >
> >ich habe eine typo3 3.7.1 installation und möchte eine übersetzung nur dann anzeigen, wenn diese vorhanden ist.
> >Wenn sie nicht vorhanden ist soll der gesamte menüpunkt rausfliegen.
> >
> >Der untenstehende code sollte funktionieren - tut es aber nicht...
> >Weis da jemand bescheid?
> >...meine langwierige recherchen haben leider auch nichts ergeben ;-((
> >
> >config.linkVars = L
> >config.sys_language_uid = 0
> >config.language = de
> >config.sys_language_mode = strict
> >config.sys_language_overlay = hideNonTranslated
> >
> >lg niko
> >
> >
</pre>

Hallo Niko,

vielleicht hilft dir dies weiter:

http://www.datenwolken.de/index.php?id=221

und ein Beispiel hier

http://forum.typo3.fr/index.php?showtopic=4236

<pre>
// User defined
USERDEF1 = 1
USERDEF1.doNotLinkIt = 1
USERDEF1.linkWrap = <li class="disabled">|</li>
USERDEF1.stdWrap.override = EN || FR || DE
}
</pre>

li.disabled dann im stylesheet ausblenden ...

Grüße
Ines

_______________________________________________
TYPO3-stuttgart mailing list
TYPO3-stuttgart@lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-stuttgart

== Datum und Zeit ==
Oft ist es schwierig herauszufinden wo gerade die Ausgabe von Zeit und Datum konfiguriert wird.

Wenn eine der Extensions ts_language_de oder ts_language_xx installiert ist wird dort der Standard einer andeen Extension (z.B. tt_news) überschrieben. Diese Einstellung kann wieder im eigenen TS überschrieben werden.

Im Template Analyser kann man die Reihenfolge gut sehen.

Beispiel zur Konfiguration:

'''Examples:'''
Your site is a "one-language-site" and you configured the site-language as default language of TYPO3. If you have a ts_language_xx extension installed, to set some country specific settings for other extensions, I suggest to copy the part which refers to tt_news in your main template or an ext template which is included. Here an example for german settings:

<pre>
# set the TYPO3 language to german
config.language = de
# set the PHP locale to german
config.locale_all = de_DE

# tt_news date & time formats
plugin.tt_news {
archiveTitleCObject {
10.strftime = %B - %Y
}
getRelatedCObject {
20.strftime = %d.%m.%Y %H:%M
}
displaySingle {
date_stdWrap.strftime= %d.%m.%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
time_stdWrap.strftime= %d.%m.%y %H:%M
}
}
</pre>

Hint: If the locale_all setting "de_DE" don't work on your WAMP installation, try to set it to "german". There are some differences in the handling of the php-locale on windows and linux.

If your site is a multilanguage site like the "one-tree-fits-all-languages" example from the "testsite" package (see: http://typo3.org/documentation/tips-tricks/multi-language-sites-in-typo3/ ) you can add the country specific settings to the language condition in your TS-setup:

<pre>
# Setting up the language variable "L" to be passed along with links
config.linkVars = L

# German language, sys_language.uid = 2
[globalVar = GP:L = 2]
config.sys_language_uid = 2
config.language = de
config.locale_all = de_DE

# set german date & time formats
plugin.tt_news {
archiveTitleCObject {
10.strftime = %B - %Y
}
getRelatedCObject {
20.strftime = %d.%m.%Y %H:%M
}
displaySingle {
date_stdWrap.strftime= %d.%m.%y
time_stdWrap.strftime= %H:%M
age_stdWrap.age = Minuten | Stunden | Tage | Jahre
}
displayLatest {
date_stdWrap.strftime= %d.%m.%y
time_stdWrap.strftime= %H:%M
}
displayList {
date_stdWrap.strftime= %A %d. %B %Y
time_stdWrap.strftime= %d.%m.%y %H:%M
}
}
[global]

# Danish language, sys_language.uid = 1
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = dk
config.locale_all = danish

# set danish date & time formats
plugin.tt_news {
# sorry, don't know the danish date & time settings ;-)
}
[global]
</pre>

== Felder im Backend für mehrere Sprachen benutzen ==

michael schuhmacher wrote:
> Hallo,
> weiss jemand wie ich es anstelle, dass bei einer eigenen extension, im backend bestimmte felder grundsaetzlich fuer alle sprachen stehen sollen? so dass man nicht zb. die selben bilder in den uebersetzungen nochmal angeben muss.

habs schon

in meinem fall in ext_tables.php (oder auch in tca.php)

"l10n_mode" => 'exclude',

== Sprachlabel für die Frontendausgabe anpassen ==
Stichwort Language Label, Sprachlabel, Mehrsprachigkeit
Bei Mehrsprachigen Extensions werden die Ausgaben für die verschiedenen Sprachen in der Regel in der Datei locallang.xml notiert. Oftmals möchte man diese Ausgaben anpassen, ohne diese Datei zu verändern. Denn nach einem Update würden die Änderungen wieder Rückgängig gemacht. Die Labels für die Sprache lassen sich aber auch über eigene Extensions oder über TypoScript anpassen.

Mit TypoScript funktioniert das etwa so:

plugin.tt_news._LOCAL_LANG.de.more = mehr >>
also nach dem Schema:
plugin.meinPlugin._LOCAL_LANG.sprachkürzel.labelnahme = meinLabel

== Sprachlabel im Backend anpassen ==
Quelle: http://typo3-freelancer-berlin.de/typo3-blog/artikel/typo3-backendformulare-label-aendern-per-typoscript.html (Zugriff: 09/2011)

Oftmals möchten Kunden die Bezeichnung einzelner Felder im backend anders benannt haben.

pageTSconfig

// Label in eigener locallang_db.php überschreiben
TCEFORM.table.column.label = LLL:typo3conf/override_locallang_db.php:table.column

// Label direkt in pageTSconfig überschreiben

TCEFORM.table.column.label = My Title
TCEFORM.table.column.label.de = Mein Titel

== Weiterleitung in Abhängigkeit der Browsersprache ==
Damit der Benutzer gleich auf der richtigen Sprache landet kann man die Extension
rlmp_language_detection benutzen.

Als Erweiterung gibt es noch die Extension Title Language Detection - Extended( sr_language_detect ) von Stanislas Rolland
=== Konfiguration für One-Tree Konzept ===
<pre>
plugin.tx_rlmplanguagedetection_pi1 {
defaultLang = de #ISO-Code der Standardsprache anpasssen
}
</pre>

=== Konfiguration für Multi-Tree Konzept ===
<pre>

plugin.tx_rlmplanguagedetection_pi1 {
useOneTreeMethod = 0
multipleTreesRootPages
{
#PID's der jeweiligen Sprachen anpassen, ggf. neue zufuegen
de = 216
en = 120
es = 482
}
}
=== Problem mit Browserseitigem Cache bei Einsatz von rlmplanguagedetection ===
Um die richtigen Werte für das Caching auszugeben muß in der Konfiguration stehen:

Typoscript: Zeilennummerierung: An / Aus

1.
config.sendCacheHeaders = 1

Diese Funktion bleibt aber unter anderem auf den Seiten wirkungslos, in denen USER_INT Objekte genutzt werden.

Mit der Extention 'rlmplanguagedetection' steckt dieses Object in jedem Seiten-Rendering. Das USER_INT Object braucht es aber für die Funktion der Extension.

Da die Extension keine neuen Header mit 'Location' und dem GetParameter ausgibt, wenn dieser Parameter bereits in der URL vorhanden ist, braucht es diese USER_INT funktion folglich auch nicht bei jedem Seitenaufruf. Um sie denn in diesem Falle aus den Seiten-Rendering auch auszuschließen habe ich mich für folgendes Konzept entschieden, in dem via TypoScript die Extension einfach ausgeschlossen wird, wenn der GetParameter bereits existiert:

Typoscript: Zeilennummerierung: An / Aus

1.
# send Cache Headers
2.
config.sendCacheHeaders = 1
3.
# disable USER_INT 'rlmplanguagedetection' when GP:L exists
4.
[globalVar=GP:L=0,GP:L>0]
5.
plugin.tx_rlmplanguagedetection_pi1 >
6.
[global]

Das funktioniert, und damit lässt sich die Extension auch wieder für Proxy- oder Clientseitiges Cachen nutzen.[/TS]
3. Testen (Browsersprache ändern. Anleitung unten.)
4. Falls es Probleme gibt und die Spracherkennung / -weiterleitung nicht funktioniert, kann folgendes im Setup des Root Templates hinzufügt werden. Hier wird die Erweiterung im Page-Element an Position 1000 inkludiert. Diese Einstellung muss ggf. angepasst werden.

page.1000 < plugin.tx_rlmplanguagedetection_pi1

Tipps zum Testen

Wie stellt man die Sprache des Browsers um? Das Umstellen der Browsersprache:

Firefox

* Extras > Einstellungen > Reiter Erweitert > Reiter Allgemein (Windowsversion) oder
Bearbeiten > Einstellungen > Reiter Erweitert > Reiter Allgemein (Linuxversion)
* im Unteren Bereich befindet sich der Abschnitt Sprache, in dem man über den Button "wählen" ein oder mehrere neue Sprachen hinzufügen kann. Die Sprache in der getestet wird steht immer oben.

Internet Explorer IE

* Extras > Internetoptionen
* im Unteren Bereich befindet sich der Button Sprache, mit dem man ein oder mehrere neue Sprachen hinzufügen kann. Die Sprache in der getestet wird steht immer oben.

Wenn es nicht funktioniert

Wenn es nicht funktioniert hat man eventuell die Sprachen nicht richtig eingerichtet. Hier sollte man noch mal die Konfiguration überprüfen.
Anleitung von rainer-grundel Datum des Zugriffs 1.4.2008, http://www.rainer-grundel.de/wissensdb/typo3/empfohlene_extensions/artikel/article/anzeige_der_website_nach_browsersprache.html</pre>

== Mehrsprachigkeit und TemplaVoila ==
Wenn man eine mehrsprachige Seite mit TemplaVoila nutzt. Kann man das Verhalten in der Datenstruktur der TemplaVoila Templates steuern.

TemplaVoila nutzt zur Darstellung seiner Inhalte Flexforms. Die dazugehörigen Parameter für die Darstellung der Mehrsprachigen Datensätze im Backend steuert man daher mit der Flexform T3DataStructure. Konkret sind hier folgende XML-Tags von Bedeutung:
<pre>
<meta type="array">
<langDisable type="integer">[0|1]</langDisable>
<langChildren type="integer">[0|1]</langChildren>
</meta>
</pre>
Wie gezeigt können diese also entweder den Wert 0 oder 1 enthalten
===langDisable===
'''0''' Sprachsteuerung durch das Flexform, technisch gesehen bedeutet das, daß die Übersetzungen im Flexform-Datensatz gespeichert werden. Siehe auch langChildren

'''1''' Die Sprachsteuerung durch das Flexform ist abgeschaltet. D.h. Typo3 übernimmt das selbst. Dies ist die geeignete Einstellung für Flexible Content Elemente die zur Gliederung (z.B. 2Spalter) genutzt werden.

===langChildren===
Hat nur Auswirkung wenn langDisable auf 0 steht.

'''1''' Die Inhalte der Flexforms lassen sich Direkt übersetzen (Flagge klicken) und werden zusammengezoge im Backend dargestellt.
Im Frontend wird die Standardsprache verwendet wenn keine Übersetzung vorhanden ist.

'''0''' Keine Direkte übersetzung. Das komplette Flexform wird übersetzt.

== Seiten ohne Übersetzung im Menü verstecken ==
Quelle:http://blog.undkonsorten.com/typo3-seite-uebersetzung-menue-verstecken

Datum des Zugriffs: 29.4.2009

16. Januar 2008

Für mehrsprachige TYPO3-Webseiten im One-Tree-Konzept werden standardgemäß die immer alle Menüeintäge in der Standardsprache ausgegeben, insofern für diese keine Übersetzung angelegt wurde. In der Regel ist eine Navigation in zwei verschiedenen Sprachen nicht erwünscht und man möchte Seiten ohne Übersetzungen verstecken. Es gibt zwei Wege, dies umzusetzen.

'''Lösung über das TYPO3-Backend'''

Am einfachsten lässen sich Seiten ohne Übersetzungen ausblenden, indem man unter Seiteneigenschaften > Spracheinstellungen das Verstecke Seiten wenn keine Übersetzung… mit einem kleinen Häckchen versieht.

TYPO3: Sprache verstecken, wenn keine Übersetzung existiert

Wenn für diese Seite - angenommen sie sei deutsche - keine Übersetzung angelegt wurde, man sich aber z.B. gerade im Frontend im englischen Bereich befindet, so wird diese Seite nicht angezeigt.

'''Lösung per Installtool bzw. localconf.php'''

Im Install-Tool > All Configuration gibt es den Eintrag [hidePagesIfNotTranslatedByDefault] . Wenn man hier den Wert TRUE einträgt werden alle Seiten ohne Übersetzung per default versteckt. Dies entspricht folgendem Eintrag in der localconf:

$TYPO3_CONF_VARS['FE']['hidePagesIfNotTranslatedByDefault'] = ‘TRUE’;

'''Standard-Übersetzung im Menü einblenden per TypoScript'''

Man kann per TypoScript-Setup umgekehrt für die Menükonfiguration angeben, dass Seiten generell in der default-Sprache ausgegeben werden, insofern keine Übersetzung vorliegt. Das sieht dann so aus:

temp.navigation = HMENU
temp.navigation {
…
protectLvar = all
…
}

protectLvar kennt die Werte 1 und all. Mit all wird der Wert des Kontrollkästchens überschrieben und Seiten ohne Übersetzungen werden immer ausgegegen.

TYPO3 - Domains einrichten

2012-09-05T14:48:57Z

149.172.152.49: /* Normales einrichten */

== Beispiele ==

=== Normales einrichten ===
Domain: www.dekra-siegel.de
In Links immer diese Domain voranstellen: aktiviert

Domain: dekra-siegel.de
In Links immer diese Domain voranstellen: deaktiviert

=== Umleitung ===
Domain: www.dekra-seal.com

Umleiten nach: http://www.dekra-siegel.de/index.php?id=10&L=1

Art: moved permanently

In Links immer diese Domain voranstellen: Deaktiviert

TYPO3 - Domains einrichten

2012-09-05T14:48:15Z

149.172.152.49: /* Umleitung */

== Beispiele ==

=== Normales einrichten ===
Domain: www.dekra-siegel.de
Domain: dekra-siegel.de

=== Umleitung ===
Domain: www.dekra-seal.com

Umleiten nach: http://www.dekra-siegel.de/index.php?id=10&L=1

Art: moved permanently

In Links immer diese Domain voranstellen: Deaktiviert

TYPO3 - Domains einrichten

2012-09-05T14:46:23Z

149.172.152.49: Die Seite wurde neu angelegt: „ == Beispiele == === Normales einrichten === Domain: www.dekra-siegel.de Domain: dekra-siegel.de === Umleitung === Domain: www.dekra-seal.com Umleiten nach: htt…“

== Beispiele ==

=== Normales einrichten ===
Domain: www.dekra-siegel.de
Domain: dekra-siegel.de

=== Umleitung ===
Domain: www.dekra-seal.com
Umleiten nach: http://www.dekra-siegel.de/index.php?id=10&L=1
Art: moved permanently

Typo3 - Backend anpassen

2012-09-05T07:40:20Z

149.172.152.49: /* Spalten anpassen */

== Allgemein ==
=== Übersicht ===

Das Backend läßt sich in folgenden Bereichen anpassen:
* Welche Felder sieht ein Redakteur
* Bezeichnungen der Felder anpassen
* Welche Spalten sieht ein Redakteur und welche Bezeichnungen tragen diese
* Seit Verison 4.5 kann man auch sogenannte Backend Layouts erstellen. Dabei sind die Spalten nicht mehr zwingend von links nach rechts angeordnet, sonder es sind auch komplexere Strukturen möglich.

Beispiel

------ HEADERSPALTE ------
--- LINKS --- ---RECHTS---

* '''Felder im Backend''' einem Redakteur zur Verfügung stehen, läßt sich relativ genau mit den Allow Exclude Fields in der Benutzerkonfiguration und der folgenden Eigenschaft einstellen Allgemein: TCEFORM.tabellenname.feldname.disabled = 1

TCEFORM.tt_content.header_position.disabled = 1

* '''Inhaltsspalten im Backend:'''

mod.SHARED.colPos_list = 0,2

* '''Einträge in den Feldern''' entfernen (z.B. in Select Boxen - Um die WErte herauszufinden das Element verwenden und in der DB nach den Einträgen suchen)

TCEFORM.tt_content.header_layout.removeItems = 4,5

* '''Beschriftungen''' (Labels verändern)

TCEFORM.tt_content.header_layout.altLabels{
1 = Überschrift 1
2 = Überschrift 2
...
}
Besser aber mit locallang Datei arbeiten.

* '''Neues Label''' hinzufügen

TCEFORM.pages.layout.addItem.4 = Layout 4

=== Backend Layout erstellen ===
==== Links ====
http://blog.undkonsorten.com/typo3-4-5-tutorial-backend-layout-nutzen (Zugriff: 1/2012)

==== Kurzbeschreibung ====

1. Ordner für Backend Layout Datensatz erstellen
2. Datensatz Backend-Layout erstellen. Der Wizard hilft dabei. Im Ergebnis entsteht die Konfiguration die z.B. für ein 3-teiliges Layout mit Kopfspalte und darunter 2 Inhaltsspalten so aussehen könnte:

<pre>
backend_layout {
colCount = 2
rowCount = 2
rows {
1 {
columns {
1 {
name = Top Wide
colspan = 2
colPos = 1
}
}
}
2 {
columns {
1 {
name = Bottom Left
colPos = 0
}
2 {
name = Bottom Right
colPos = 2
}
}
}
}
}
</pre>

Jetzt kann man in den Seiteneigenschaften das Layout für die jeweilige Seite oder deren Unterseiten auswählen.

===Erläuterungen===
Man kann hierbei verschiedene Kategorien unterscheiden:
# Einstellen welche Elemente (Dropdowns, Felder,...) überhaupt Zugänglich sein sollen.
# Welche Einträge sind in diesen möglich (z.B. Einträge im Dropdown) bzw. welche Voreinstellungen werden ausgeführt und wie lauten die Bezeichnungen der Einträge.

=== Welche Elemente sollen sichtbar sein ===
Das läßt sich in der Benutzereinstellung in der Abteilung Exclude Fields einstellen. In der Benutzereinstellung lassen sich auch die Module etc. die der Benutzer sehen soll einstellen.

=== Feintuning - Voreinstellungen ===
Das meiste läßt sich über Einträge im TSConfig Feld bei den Seiteneinstellungen oder im TSConfig Feld bei den Benutzereinstellungen regeln (Page TSConfig bzw. User TSConfig).

Über den Knopf rechts von diesen Feldern gibt es einige Infos zu den zur Verfügung stehenden Objekten.

Eine wichtige Rolle kommt dabei TCEFORM zu, denn die meisten Einstellungen folgen der Syntax:
TCEFORM.[tabelle].[feld].[...] = Wert

Beispiel: jedes Content Element soll Standardmäßig versteckt sein:

Page TSConfig
TCAdefaults.tt_content.hidden = 1

== Bezeichnungen der Felder im Backend ==
Das läßt sich in der Benutzerkonfiguration mittels UserTS im UserTS Field oder auch in der Seiteneinstellung im PageTS machen.

Der Schlüssel für die Bezeichnungen ist das Objekt TCEFORM

Allgemein:
TCEFORM.tabellenname.feldname.typname.Nr. = neuer Wert
Diese Werte lassen sich über den HTML Code der Backendseite leicht herausfinden.
Beim Eintragen im UserTS oder PageTS tut man sich leichter, wenn man hier eine externe TypoScript Datei einbindet.:
<INCLUDE TYPOSCRIPT: source="FILE: fileadmin/templates/inc/myUserTS.txt">

In dieser Datei befindet sich dann das eigentliche TypoScript z.B:
<pre>
TCEFORM{
pages{
# z.B. das Feld layout ganz ein oder ausschalten
layout.disabled = 0
# Einträge umbenennen...
layout.altLabels{
1=rot
2=blau
}
# der Eintrag 0 soll weg...
layout.removeItems = 0
layout.addItems.4 = New Layout Item

}
}
</pre>

Beispiel: Überschriften
Diese Einstellungen werden im TSConfig Feld der '''Benutzerkonfiguration''' vorgenommen !
'''Dropdown-Feld für die Überschrift (Header) anpassen'''

So kann man die überflüssigen Menüeinträge im Feld Header löschen(100 steht für den Wert versteckt):
TCEFORM.tt_content.header_layout.removeItems = 2,3,4,5,100
Trick: Wenn man nicht weiß welchen Wert ein eintrag hat, einfach diesen Wert verwenden und in der Datenbank nachgucken.

'''Überschreiben der Menüeinträge:'''
User TSconfig
TCEFORM.tt_content.header_layout.altLabels.0 = Überschrift Text
TCEFORM.tt_content.header_layout.altLabels.1 = Überschrift Grafik

=== Dem Layoutfeld sagen was es machen soll ===
In neueren Versionen wird in der Extension css_styled_content schon eine entsprechende Klasse um den Inhalt gewrapped, die man dann mit css Stylen kann. Man kann das aber auch selbst machen. Das funktioniert mit Conditions in der Form:
page.5 = TEXT
[globalVar TSREF:page|layout = 1]
page.5.value = Layout 1
[globalVar TSREF:page|layout = 2]
page.5.value = Layout2
[global]
== Module im Backend anpassen ==
Die Module lassen sich über die Access Listen in der Benutzergruppen-Konfiguration für alle Gruppen gezielt ein- und ausblenden. Weiterreichende Einstellungen kann man im PageTS Config oder im UserTS Config (besser) vornehmen. Die Einstellungen im UserTS Config überschreiben die mit PageTS

=== Uploadfeld mit Durchsuchen Button ausblenden ===
Bei der Arbeit mit dem DAM macht der Durchsuchen Button keinen Sinn bei Text mit Bild funktioniert das so:

setup.edit_docModuleUpload = 0

=== Einträge im Dropdownmenü der Module ausblendne ===
Einige Module haben ein Untermenü, dessen Einträge oben rechts in einem Dropdownfeld ausgewählt werden können. Das Modul Web > Seite enthält hier z.B. die Einträge Spalten, Schnelleingabe, Sprachen (wenn es welche gibt) und Seiteninformationen.

Um die Einträge auszublenden, muß man Wissen ob dies das Modul überhaupt zulässt und was der Schlüssel des Menüeintrages ist.

Beispiel - Ausblenden des Eintrags ''PageTSConfig'' im Modul Web>Info

mod.web_page.menu.function.tx_infopagetsconfig_webinfo = 0

Beispiel - Ausblenden des Eintrags ''Schnellzugriff'' im Modul Web > Seite

mod.web_layout.menu.function.0 = 0

== Frames (Rahmen) anpassen ==

Infos gibt es hier: [[Typo3 - Rahmen (Frames)]]

== Spalten anpassen ==
=== Welche Spalten sollen sichtbar sein ===

Das muß an zwei Stellen eingestellt werden.

1. für die '''Ansicht im Spaltenmodus'''. Das läßt sich im Seitenmodul im TSConfig-Feld der Root Seite (Page TSConfig)einstellen (Theoretisch auch für einen Benutzer im User TSConfig-Feld:

Beispiel:

mod.SHARED.colPos_list = 0,3
so werden nur noch die Spalten Normal und Rechts angezeigt (0 ist Spalte Normal dann von links nach rechts durchnummeriert)

2. muß das '''DropDown-Feld''' wenn man Seiteninhalte erstellt angepasst werden. Dies funktioniert über TCEFORM:

'''Beispiel:'''
TCEFORM.tt_content.colPos.removeItems = 1,3

== Spalten über typo3conf/extTables.php anpassen ==
http://www.sk-typo3.de/Spalten-aendern-und-umbenennen.155.0.html

Beispiel:
typo3conf/extTables.php

Der Inhalt bei z.B. 6 Spalten sieht dann so aus:

<pre>
t3lib_extMgm::addPageTSConfig('
mod.SHARED.colPos_list = 0,1,2,3,4,5
');

$TCA["tt_content"]["columns"]["colPos"]["config"]["items"] = array (
"1" => array ("Links||Links||||||||","1"),
"0" => array ("Mitte||Mitte||||||||","0"),
"3" => array ("Rechts||Rechts||||||||","3"),
"2" => array ("Unten Links||Unten Links||||||||","2"),
"4" => array ("Unten Rechts||Unten Rechts||||||||","4"),
"5" => array ("Fusszeile||Fusszeile||||||||","5")
);
</pre>

im eigentlichen Array erkennt man, das 0 dem Hauptcontent zugeordntet ist, das entspricht dann auch der col im tt_content.

Damit das ganze auch wirksam wird, muss noch die localconf.php editiert werden.

Dort wird folgende Zeile eingefügt:

$typo_db_extTableDef_script = 'extTables.php';

Die Änderung wird sofort sichtbar

Nachteil: Funktioniert nur Global nicht auf Seitenebene.

== Weitere Infos ==

[[Typo3 - TSConfig]]

Illustrator - Imagemap erzeugen

2012-08-02T09:26:05Z

149.172.152.49:

== Image Maps mit Adobe Illustrator erzeugen. ==

Illustrator kann Polygone oder Rechtecke nutzen. Leider keine Kreise - zumindest habe ich diese Option nicht gefunden. Im Zweifel könnte man den Code von Hand modifizieren.

# Vektor-Polygonform erzeugen und auswählen
# Palette "Attributes" aufrufen und dort bei Image Map Polygon oder Rectangle auswählen sowie eine URL angeben(oder auch nur etwas wie #myTarget).
# Save for Web and Devices mit Option Images and HTML oder HTML

Illustrator - Imagemap erzeugen

2012-08-02T09:25:49Z

149.172.152.49: Die Seite wurde neu angelegt: „Image Maps mit Adobe Illustrator erzeugen. Illustrator kann Polygone oder Rechtecke nutzen. Leider keine Kreise - zumindest habe ich diese Option nicht gefunden. …“

Image Maps mit Adobe Illustrator erzeugen.
Illustrator kann Polygone oder Rechtecke nutzen. Leider keine Kreise - zumindest habe ich diese Option nicht gefunden. Im Zweifel könnte man den Code von Hand modifizieren.

# Vektor-Polygonform erzeugen und auswählen

# Palette "Attributes" aufrufen und dort bei Image Map Polygon oder Rectangle auswählen sowie eine URL angeben(oder auch nur etwas wie #myTarget).

# Save for Web and Devices mit Option Images and HTML oder HTML

JQuery Imagemap mit Maphilighter

2012-08-02T09:16:34Z

149.172.152.49:

Komplettes Beispiel

[[Media:Maphilight-sample01.zip]]

Mit dem Maphilight Plugin für jQuery kann man schöne Imagemaps basteln.

Zum Erstellen der Imagemap kann man Inkscape oder Adobe Illustrator benutzen. Diese können aus Vektorformen direkt die Polygone oder Rechtecke erzeugen. So kann man auch einfach mal etwas skalieren. Auch mit alten Versionen von Photoshop geht es oder mit Gimp.

Siehe auch: [[Illustrator - Imagemap erzeugen]]

Das Maphilight Plugin erzeugt einen Rollover Effekt mit einer Randfarbe, Füllfarbe, Schatten und Transparenzen. Es kann auch eine Fade in und Fade out Effekt beim Rollover erzeugen.

'''HTML Code Beispiel (ist im Komplettbeispiel enthalten):'''

<pre>
<html>
<head>
<title>Print</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.maphilight.min.js"></script>

<script type="text/javascript">
$(function() {
$.fn.maphilight.defaults = {
fill: true,
fillColor: 'ffffff',
fillOpacity: 0.3,
stroke: true,
strokeColor: 'ffffff',
strokeOpacity: 1,
strokeWidth: 1,
fade: true,
alwaysOn: false,
neverOn: false,
groupBy: false,
wrapClass: true,
shadow: false,
shadowX: 0,
shadowY: 0,
shadowRadius: 6,
shadowColor: '000000',
shadowOpacity: 0.8,
shadowPosition: 'outside',
shadowFrom: false
}
$('.map').maphilight();

});
</script>
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div class="map" style="display: block; background: url("images/dpetry-world.png") repeat scroll 0% 0% transparent; position: relative; padding: 0px; width: 960px; height: 420px;">
<canvas width="960" height="420" style="width: 960px; height: 420px; position: absolute; left: 0px; top: 0px; padding: 0px; border: 0px none;"></canvas>
<img class="map maphilighted" src="images/dpetry-world.png" width="960" height="420" border="0" alt="" usemap="#dpetry_world_Map">
</div>


<map name="dpetry_world_Map">
<area shape="rect" alt="" coords="619,183,735,239" href="#asia">
<area shape="rect" alt="" coords="432,123,548,179" href="europe">
<area shape="rect" alt="" coords="500,183,616,239" href="#middleeast">
<area shape="rect" alt="" coords="381,183,497,239" href="#northafrica">
<area shape="rect" alt="" coords="296,258,412,314" href="#southamerica">
</map>


</body>
</html>
</pre>

CSS - Snippets

2012-08-02T05:55:40Z

149.172.152.49:

== Fixes Seitenlayout "springt" wegen Scrollbalken ==
Entweder minimale Höhe definieren oder den Scrollbalken immer anzeigen:

<pre>
/*not valid but works in all browsers exept Opera*/

html {
overflow-y: scroll;
}

/* only Mozilla (IE has always Scrollbars)*/
overflow: -moz-scrollbars-vertical;
</pre>

== Radius ==

Vorsicht bei Bildern. Diese werden nicht beschnitten (Stand 2011)
<pre>
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
</pre>

== Schatten ==
<pre>
.schatten
{
box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
-moz-box-shadow: 3px 3px 5px #888;
}
</pre>

Die Werte bezeichnen: Versatz in x-Richtung, y-Richtung, den Wert für das Weichzeichnen und natürlich die Schattenfarbe.

'''Schatten auf alten IE'''
Mit Microsoft Filter Funktionen. Es gibt zwei unterschiedliche Schatten Filter. Beide liefern ein eher mäßiges Ergebnis.

<pre>
.ie-schlagschatten
{
filter:progid:dxImageTransform.Microsoft.dropShadow(color=#8888,offX=3,offY=3 positive=true);
}

.ie-schatten
{
filter:progid:DXImageTransform.Microsoft.Shadow(color='#8888',direction='120',strength='3');
}
</pre>

CSS - Hacks

2012-08-01T16:31:14Z

149.172.152.49: /* Sternchen Hack */

== IE Hacks und IE Switches ==

Wie man dem Internet Explorer Sonderregeln beibringt.

===Internet Explorer Conditions===

Generell ist die offizielle von MS empfohlene Methode eine Condition der Form:
<pre>





</pre>

lt bedeutet less than. Die Regeln betreffen also aller Versionen unter IE 8 (die es im Moment noch nicht gibt;-) Außerdem gibts noch lte (lower than and equal) und gte (greater than and equal)
important Hack

Unter Umständen kann auch die important- Klausel weiterhelfen, die der IE nicht kennt, wohl aber FF/ Opera/ Konqueror; zudem macht man sich dabei keines neuen Bugs zu Hilfe.

Wichtig: Immer erst die important- Klausel!

Die Klausel bewirkt bei entsprechend kompatiblen Browsern, dass diese Eigenschaft nachfolgend nicht mehr überschrieben werden kann.

Beispiel:
<pre>
1. box {
min-height: 300px;
height: auto !important;
height: 300px;
...
}
</pre>

=== Star-Plus-HTML-Hack (IE7) ===
Quelle: http://www.css-hack.de/Internet+Explorer/IE+7 (Zugriff: 08/2012)

Dem Universal-Selektor * wird ein Plus-Zeichen hinzugefügt. Diese Schreibweise wird lediglich vom IE 7 interpretiert!
<pre>
* + html div {
width : 20em;
}
</pre>

=== Sternchen Hack (IE5,IE6) ===

Anwendung: Anweisungen nur für IE 5 und 6 z.B.

* html {...} /*das sehen nur IEs*/

Zukunftssicher: funktioniert nicht mehr bei IE 7

=== Box Model Hack / Tantek Hack ===

IE 5 und IE 5.5

Anwendung: Box Model Fehler von IE 5/5.5 korrigieren

Beispiel:
<pre>
#kasten{
width: 360px;
}

* html #kasten{ /*Das beachten nur IEs*/
width: 400px; /* der 'Falsche' Wert für alte IEs */
w\idth: 360px; /* das sieht nur der IE 6 */
}
</pre>
Zukunftssicher: ja

===Kind Selektor Hack===

IE versteht den KindSelektor nicht. Z.B.

body > p

Anwendung: Höhe nur für IE setzen (IE braucht Höhenangaben z.B. wg. Inline Padding Bug.)

Beispiel:
<pre>
#inhalt {height: 100px;} /*für IE*/
html>body #inhalt { /*für andere Browser zurücksetzen*/
height: auto
}

</pre>

==Browser Bugs==

IE:mac CSS overflow-Bug

Der Internet Explorer für Mac stürzt ab, wenn man overflow: auto auf ein Input-Element des Typs Submit anwendet und auf die Schaltfläche klickt.

Lösung/Fix: Statt overflow: auto muss overflow: visible zugewiesen werden.

Weitere Info: http://www.bernd-lutz.de/css_overflow-bug_ie_mac-51.php
Box Model Bug

IE 5 / 5.5

Standard: Elementbreite = width + paddings + margins + borders IE: Elementbreite = width + margin

Wenn also eine width und borders bzw. paddings angegeben sind werden die Boxen im IE 5 und 5.5 zu klein weil die paddings und borders nicht dazu gezählt werden. Lösung:

1. Wenn width angegeben kein padding oder border verwenden. Stattdessen Ränder auf die Kindelemente anwenden.
2. Box Model Hack / Kind Hack

=== Kommentar Hack ===

Anwendung: vor IE/Mac verstecken z.B. bei 3px Bug der nur in Win Versionen auftaucht.

Beispiel (in Kombination mit * Hack)

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #floatbox {
margin-right: 10px;
}
* html p {
height: 1%;
margin-left: 0;
}
/* End hide from IE5/mac */

=== Inline Padding Bug ===

Horizontales Padding und Margin funktioniert bei Inline-Elementen im IE nur wenn eine Höhe angegeben ist. Dann kann es allerdings zu anderen Seiteneffekten kommen.

Lösung Höhe mit Kind Selektor Hack setzen.
3px Bug bei Bildern

Oft taucht beim IE im Zusammenhang mit floatenden Elementen eine Lücke unterhalb oder links rechts eines Bildes auf. Selbst eine Höhe für das Div hilft nichts.

Lösungsansätze: negatives padding für (Win IEs) overflow: hidden;
Double Margin Bug

IE6 und kleiner berechnen den Margin einer floatenden Box manchmal doppelt.

This bug only occurs when the float margin goes in the same direction as the float and is trapped directly between the float and the inside edge of the container box. Any following floats with a similar margin won't show the doubled margin. Only the first float in any given float row will suffer from the bug. Also, the doubled margin displays symmetry, working the same way to the right as it does to the left. (Position Is Everything)

Lösung: Die floatende box bekommt den Wert:

display: inline;

Der Bug ist damit behoben und die Box bleibt (nach W3C Definition trotzdem ein Block Element, weil floatende Boxen automatisch immer Block-Elemente werden.

=== IE7 Update ===

Aus: IE-Blog http://blogs.msdn.com/ie/archive/2006/08/22/712830.aspx
Korrigierte Bugs
Bugs we fixed

* All bugs on positioniseverything.net except the “escaping floats” bug (which is planned for the future)
o Peekaboo Bug
o Internet Explorer and Expanding Box Problem
o Quirky Percentages
o Line-height bug
o Border Chaos
o Disappearing List-Background bug
o Guillotine Bug
o Unscrollable Content bug
o Duplicate Characters Bug
o IE and Italics
o Doubled Float-Margin bug
o Duplicate Indent bug
o Three pixel text jog
o Creeping Text bug
o Missing First letter bug
o Phantom box bug

Details on some of the other bugs (from sources other than the positioniseverything.net list) that we fixed:

* Overflow now works correctly! (That means boxes do not automatically grow any more.)
* Parser bugs: * html, _property and /**/ comment bug
* Select control: CSS style-able and not always on top
* Auto-sizing of absolute positioned element with width:auto and right & left (great for 3 column layouts)
* Addressed many relative positioning issues
* Addressed many absolute positioned issues
* % calculations for height/width for abs positioned elements http://channel9.msdn.com/ShowPost.aspx?PostID=191182
* <?xml> prolog no longer causes quirks mode
* HTML element truly independent of the Body (now gets its own width, height etc.)
* 1 px dotted borders no longer render as dashed
* Bottom margin bug on hover does not collapse margins
* Several negative margin issues fixed
* Recalc issues including relative positioning and/or negative margins are fixed now
* CLSID attribute of <object> tag no longer limited to 128 characters
* :first-letter whitespace bug described in http://blogs.msdn.com/ie/archive/2005/09/02/460115.aspx fixed
* Descendant selector now works properly for grand children when combined with other selectors
* First-line and first-letter now applies when there is no space between word :first-line and opening brace {
* Pseudo-classes now are working as expected if selector is excluded
* The :link selector works now for anchor tag with href set to bookmark
* Addressed !important issues
* PositionIsEverything piefecta-rigid.htm now works
* List-item whitespace bug fixed
* Fixed Absolutely Buggy II
* Absolute positioned elements now use always correct containing block for positioning and size information
* Nested block elements now respect all overflow declarations (hidden, scroll, etc)
* Fixed the opposing offset problem (absolute positioned element whit all four top, bottom left and right are present)
* <a> tags nested within LI elements will no longer add extra bottom margin when hover occurs
* We no longer lose the image aspect ratio on refresh
* Cleaned up our ident parsing according to CSS2.1 rules
* Fixed parsing bugs for multi- class selectors and class selectors that are combined with id selectors
* And many more

We also extended our existing implementations to comply with W3C specifications:

* Enable :hover on all elements not just on <a>
* Background-attachment: fixed works on all elements – so Eric Meyer’s complexspiral demo works
* Improved <object> fallback

Finally, we added new features from CSS2.1:

* Min/max width/height support (also for images, which did not work in IE7b2)
* Transparent borders
* Fixed positioning support
* Selectors: first-child, adjacent, attribute, child
o A couple of CSS 3 attribute selectors: prefix, suffix and substring since we were working already in the code base (also the general sibling selector)
* Alpha channel PNG support (Not a CSS feature but too important for designers to not call it out J)

Links

http://css.nu/pointers/bugs-ie.html 2006-06-29

http://websemantics.co.uk/tutorials/useful_css_snippets/
Useful Snippets

aus http://websemantics.co.uk/tutorials/useful_css_snippets/
Leveller

Versuche alle Browser auf möglichts gleiche Werte 'vorzukonfigurieren'

* {margin:0; padding:0}

Removes margin and padding from every element.

html {height:100%}

Sets the window height.

min-height:101%;

Sets the minimum page height to greater than the window height to force Netscape & Firefox to display vertical scrollbars, thereby preventing content jumping on fixed width pages. IE doesn't understand min-height and totally ignores this setting.

font:100.01%/130% Verdana, Helvetica, sans-serif;

Set font-size to a percentage preventing a Windows IE "extreme font re-sizing" bug. Set font-size slightly larger than 100% to repair Opera rounding errors. Set less than 101% to prevent Safari errors. The line-height setting gives nice, clear and easy-read spacing. Verdana is the most readable, and readily available screen font in Windows. Helvetica most readable, and readily available screen font on Macintosh computers. Sans-serif is the most readable to the widest audience for body text.

color:#000; background:#fff;

Set general colour & background.

width:760px;

Fixed width set for 800 pixel wide browser displays.

margin:0 auto

Margins are set for centring the content. This works for IE6, Firefox, Opera, Safari and Netscape but IE5 and IE5.5 require further treatment.

text-align:center

Added to the body element to force IE to centre all content

body * {text-align:left}

Resets all text aligns to the left

#wrapper {width:760px}

States the wrapper width. All centred content goes inside a div with an id="wrapper.

* {
margin:0;
padding:0}
html {
height:100%;
font-size:100.01%
}
body {
text-align:center;
min-height:101%;
font:100.01%/130% Verdana, Helvetica, sans-serif;
color:#000; background:#fff;
width:760px;
margin:0 auto
}
body * {text-align:left;}
#wrapper {width:760px}

Mac als Proxy Server

2012-07-30T12:43:34Z

149.172.152.49: /* Squidman */

== Squidman ==
===Links===
==== iPhone / iPad über Squidman loopen ====
Damit ist es möglich mit Wireshark den Netzwerkverkehr zu beobachten.

http://tinnedfruit.com/2011/03/10/using-squidman-to-snoop-ios-requests.html

Uninstall

How do I uninstall Squid and SquidMan?
If you are using SquidMan 3.0 or greater, use the "Uninstall Squid" command in the SquidMan menu. After confirming your selection, Squid will be shutdown, removed, and SquidMan will quit. If you no longer want to use SquidMan, you can drag it to the trash.

If you're using an earlier version of SquidMan than 3.0, you'll need to uninstall Squid and SquidMan manually. To uninstall squid, in the Finder, select the Go to Folder... command from the Go menu, and in the text field that is presented enter /usr/local and click Go. In the window that opens, select the folder named squid and drag it to the trash. You'll be prompted to enter an administrator username and password to continue.

To delete SquidMan, just drag the application to the trash - it does not install any other files in the system.

SquidMan configures squid to store logs and cache files in your home directory. You may also want to delete these files and folders:

~/Library/Caches/squid
~/Library/Logs/squid*
~/Library/Preferences/squid.conf
~/Library/Preferences/SquidMan.plist

Mac als Proxy Server

2012-07-30T12:40:42Z

149.172.152.49: Die Seite wurde neu angelegt: „ == Squidman == Installieren Systemeinstellungen auf Mac: Netzwerk > Weitere Optionen > Proxy Uninstall How do I uninstall Squid and SquidMan? If you are using…“

== Squidman ==
Installieren

Systemeinstellungen auf Mac:
Netzwerk > Weitere Optionen > Proxy

Uninstall

How do I uninstall Squid and SquidMan?
If you are using SquidMan 3.0 or greater, use the "Uninstall Squid" command in the SquidMan menu. After confirming your selection, Squid will be shutdown, removed, and SquidMan will quit. If you no longer want to use SquidMan, you can drag it to the trash.

If you're using an earlier version of SquidMan than 3.0, you'll need to uninstall Squid and SquidMan manually. To uninstall squid, in the Finder, select the Go to Folder... command from the Go menu, and in the text field that is presented enter /usr/local and click Go. In the window that opens, select the folder named squid and drag it to the trash. You'll be prompted to enter an administrator username and password to continue.

To delete SquidMan, just drag the application to the trash - it does not install any other files in the system.

SquidMan configures squid to store logs and cache files in your home directory. You may also want to delete these files and folders:

~/Library/Caches/squid
~/Library/Logs/squid*
~/Library/Preferences/squid.conf
~/Library/Preferences/SquidMan.plist

Mac

2012-07-30T11:45:07Z

149.172.152.49: /* Weitere Links */

Hier finden sich einige nützliche Infos zum Apple Mac
== Weitere Links ==
[[Terminal und Konsole auf dem Mac]] Einige Hinweise für LINUX Leute die auf dem Mac unterwegs sind

http://www.macports.org/index.php Einfaches Kompilieren und Installieren von Konsolen X11 und Aqua OpenSource Programmen What is MacPorts?

MacPorts provides an infrastructure for building, installing, and packaging open source software. It is designed to match the functionality of the FreeBSD Ports system and to be extensible for future enhancements.

[[MacPorts]]

[[Networksniffer - Netzwerkverkehr kontrollieren mit Wireshark]]

[[Mac als Proxy Server]]

== Mac, Apache, PHP, MySQL (MAMPP) ==
Hinweis: auch XAMPP gibts jetzt für Mac. Ist eigentlich einfacher: In den Applications Ordner packen fertig.

Weiterführender schon etwas älterer aber ordentlicher Artikel: http://oreilly.com/pub/ct/49

Artikel über die Aktivierung von mySQL, PHP, fehlende PHP Module etc.: http://www.viames.it/mac-os-x.html

=== Lösung 1 : MAMPP-Paket installieren ===
Oder alternativ die Sachen einzeln draufspielen...

Standardmäßig erreichbar unter

http://localhost:8888/

=== Apache ===
Ist beim Mac schon dabei und kann unter Systemeinstellungen > Sharing > Personal Web Sharing aktiviert werden
Die Seiten sind dann unter
localhost (Root Benutzer)
oder
localhost/~benutzername
erreichbar außerdem kann man auch benutzer.local eingeben dann wird ein Apple-Interner Dienst benutzt um die Adressen umzuwandeln.

Ansonsten gelten weitgehend die gleichen Regeln für die Konfiguration wie unter Linux.

=== Wichtige Daten für den Mac als Webserver ===
Stand April 2009
Apache Config: /etc/apache2/httpd.conf
PHP als Modul aktivieren (muß installiert und kompiliert sein):
in Apache Config:
LoadModule php5_module libexec/apache2/libphp5.so
Der Ordner für php Extension ist hier angegeben:
/etc/php.ini
z.B.:
; Directory in which the loadable extensions (modules) reside.
extension_dir = "/usr/lib/php/extensions/no-debug-non-zts-20060613"

=== PHP ===
Hinweis: Bei Apache2 hat sich einiges geändert.
Konfiguration des Apache ist in
etc/apache2
Ist auch schon dabei muß aber noch aktiviert werden und bei der Gelegenheit auch gleich die Ausführung von CGI Skripten:
Zuerst mal ins Terminal wechseln (suche einfach mit Spotlite nach terminal)
Dann Sysadmin werden:

sudo -s

mit

cd /etc/httpd

wechselt man ins Apache Konfigurationsverzeichnis. Jetzt legen wir eine sicherheitskopie der Konfigdatei an:

sudo cp httpd.conf httpd.BAK

Nun verwenden wir den Editor vi um die entsprechenden Zeilen in der httpd.conf auszukommentieren. Mittels '''x''' wird in '''vi''' ein Zeichen gelöscht, mittels ''':wp''' werden die Änderungen geschrieben und vi beendet. In unserem Falle wird jeweils das # vor der entsprechenden Zeile entfernt.

sudo vi /etc/httpd/httpd.conf

Ein alternativer Editor unter Mac/Linux ist Pico. In Pico speichert man mit CTRL+o (write out) und kann Suchen mit CTRL+w (where is)

sudo pico httpd.conf

Für die Bedienung von Vim und Pico, gibt es eine Hilfefunktion mit F1

Nun nach unten Scrollen, die folgenden Variablen suchen und das # löschen.

#AddHandler cgi-script .cgi
#LoadModule php4_module
#AddModule mod_php4.c

Nun speichern und Apache neu starten:

:wq (mit vim)
ctrl+o (pico)
sudo apachectl graceful

Zum Testen ob php funktioniert schreiben wir ein kleines php-Programm, daß uns die aktuelle php-konfiguration ausgibt und speichern es unter

'''info.php'''
<?php
phpinfo();
?>

Im Browser geben wir ein:
http://localhost/~benutzername/phpinfo.php

Und wenn alles klappt sehen wir eine Lange Liste mit allen möglichen php und Servereinstellungen.

===MySQL installieren===
==== Neues Tutorial ====
MySQL DBMS isn’t installed by default on Mac OS X Leopard. If you need it, it’s quietly easy to install on Leopard: download MySQL 5.1 for Mac OS X 10.5 (x86_64), launch its setup wizard and edit php.ini to connect through the right mysql socket:

[MySQL]
; Default socket name for local MySQL connects. If empty, uses the built-in
; MySQL defaults.
mysql.default_socket = /tmp/mysql.sock

[MySQLi]
; Default socket name for local MySQL connects. If empty, uses the built-in
; MySQL defaults.
mysqli.default_socket = /tmp/mysql.sock

A web-server restart is required in order to apply any httpd.conf or php.ini changes. All extension files need to be executable by apache's user.

==== Alte Version ====
Herunterladen der Datenbank 4 oder neuer unter
http://dev.mysql.com/downloads/mysql/4.1.html
Doppelklick mounted das disk image. Dann Doppelklick auf das Package File und Die Datenbank wird installiert. Wenn eine alte Version läuft dann vorher abschalten (das ReadMe File gibt Tipps)

Die Datenbank wird hier installiert:
/usr/local/mysql-VERSION

Als nächstes speichern wir den Pfad zu MySQL in den Umgebungsvariablen der Shell, auf diese Weise muß man nicht jedesmal den Pfad eingeben oder in das Verzeichnis wechseln.
Das Terminalfenster muss nach Eingabe des Codes neu gestartet werden, damit die Änderung aktiv wird.
'setenv PATH /usr/local/mysql/bin:$PATH' >> ~/.tcshrc
Für tcsh (Mac OS X 10.2)

echo 'export PATH=/usr/local/mysql/bin:$PATH' >> ~/.bash_profile
Für bash (Mac OS X 10.3, 10.4)

Jetzt wechseln wir in das MySQL Verzeichnis und ändern die Rechte für das Verzeichnis data (dort sind die Datenbanken gespeichert)
cd /usr/local/mysql
sudo chown -R mysql data/

Nun testen wir ob die Datenbank erreichbar ist
sudo echo
sudo ./bin/mysqld_safe &
/usr/local/mysql/bin/mysql test

Nicht vergessen das Root Passwort zu setzen:
/usr/local/mysql/bin/mysqladmin -u root password new_password_here

==== Tabellen und Datenbanken ====
Jetzt wird es Zeit eine neue Datenbank anzulegen. Dazu loggen wir uns in den mySQL Server ein legen eine neue Datenbank an und erlauben vollen Zugriff für Herrn benutzername. benutzername wir durch den eigenen MacOsX Benutzernamen ersetzt.
mysql -u root -p
create database mein_DB_Name;
grant all on mein_DB_Name.* to benutzername@localhost identified by "passwort";

Hinweis: in der ersten Zeile haben wir uns den langen Pfad erspart weil wir ja in der bash einen neue Pfad-Variable gesetzt haben.

=== ImageMagick ===
Ist in den Macport Tools enthalten. Macports installieren falls nicht vorhanden (siehe Macports), danach sind die Tools in /opt/local/bin/ enthalten. Dies ist auch der Pfad der in der TYPO3 Installation angegeben werden muß.

==== Vorkompilierte Datei (bei Benutzung von Macports nicht notwendig)====
http://www2.entropy.ch/download/imagemagick-6.1.7.pkg.tar.gz
1) Mit boomArchivHelper aus dem System auspacken (Rechte Maustaste "Öffnen mit" / nicht stuffit-expander, da sonst eine Fehlermeldung, daß das Archiv kaputt ist)
2) Mit dem Installer installieren
3) typo3 localconf.php updaten

== Software Grundausstattung ==

=== Freeware ===
Tools
* Filezilla (FTP)

Editor:
* NetBeans IDE von Sun (wenns etwas größer Sein darf)
* Alternativ Eclipse (Geschmacksache)
* Textwrangler (Freeware kann nicht besonders viel)

Thumbnail Viewer:

Office

* OpenOffice > Version 3.1
* Freemind OpenSource Mindmapper (einfach und effektiv)
* Baralga (OpenSource Tool zur Zeiterfassung in Java geschrieben)

Projektverwaltung

=== Kostenpflichtig ===
TextMate Editor

== Windows auf dem Mac ==
Auf den Intel Macs ist es möglich Windows zu installieren.

1. Lösung BootCamp von Apple

Vorteil - pure Windowsinstallation mit allen Features, kostenlos

Nachteil - Der Rechner muß zum Wechsel runtergefahren werden

2. Lösung Parallels

Vorteil - Wird im Fenster Parallel zu MacOS ausgeführt, auch andere OS verfügbar

Nachteil - im Moment kein DirectX, kostenpflichtig (ca. 80 Euro)

[[Tutorial: Windows auf dem Mac]]

== Sonderzeichen und Spezialtasten auf dem Mac ==
Tilde ~ : ALT + n

Pipe | : ALT + 7

Backslash \ : ALT + SHIFT + 7

Funktionstasten sind oft mit Systemfuktionen (Dashboard etc. vorbelegt) ESC + Zahl gehts aber (nacheinander drücken). Andere Möglichkeite ist Apfel + Funktionstaste (hier gleichzeitig) damit wird der Tastendruck an die Anwendung durchgereicht.

Laptops, Powerbooks, etc. haben oft keine Entf Taste. Mit fn+ Backspace geht's

Apfel + Backspace löscht Dateien direkt

== JAVA ==
Ist auf dem Mac schon installiert. Schwierig wird es wenn die Version zu alt ist. Dann ist man nämlich auf Apples Update Politik angewiesen und wenn das iPhone gerade wichtiger ist... kann es dauern.

=== JAVA Einstellungen ===
In den Dienstprogrammen kann man z.B. die Default Version einstellen. Getrennt für Web Applets und Java Anwendungen (Programme/Dienstprogramme/Java). Wenn beim Starten von Java Applications ein Fehler auftritt hilft es manchmal hier die Default Java Version zu verändern. Einfach in der Liste die gewünschte Version nach oben ziehen.

== Mac Ärgernisse ==
Trotz aller schönen Dinge bietet der Mac doch einige Ärgernisse. Interessanterweise zeigt der geneigte, sonst so kritische Mac User sich diesen gegenüber erstaunlich resistent. Zumindest wenn man den Forenbeiträgen glauben schenkt. Der Gerechtigkeit wegen hier einige der kleinen Haken im Mac-Leben.

Fehlermeldung: Auf das drahtlose '''netzwerk''' wurde möglicherweise unerlaubt zugegriffen... daraufhin wird das Netzwerk für kurze Zeit zurückgesetzt.

Der Fehler tritt scheinbar auf wenn andere Rechner im Drahtlosen Netzwerk aktiv sind. Abhilfe bringt wenn das Netzwerk auf WPA2 AES upgedatet wird.

Fehlermeldung: Sinngemäß: Nix geht mehr schalten Sie den Rechner aus...
Kommt zum Beispiel bei vielen offenen Flash-Filmen im Browser vor.

Fenster auf allen Seiten vergrößern

Schriften werden auf einmal in verschiedenen Programmen nicht mehr richtig dargestellt.
Lösung: Font Cache löschen: http://adminday.de/tutorials-und-tipps/fontcache-unter-mac-os-x-10-6-loschen/

Time Machine geht nicht über Netzlaufwerke (zumindest nicht ohne weiteres

=== Video und Audio-Dateien auf dem Mac ===
Oft gibt es das Problem, daß man Audio und Video Dateien auf dem Mac nicht abspielen kann. Es gibt einige Tools die Helfen können.

Zum Thema Video gibt es hier einige Infos: [[Video]]

== Time Machine über Netzlaufwerke nutzen ==

=== Lösung 1 ===

Link: http://www.ratschlag24.com/index.php/mac-os-x-time-machine-auch-mit-netzlaufwerken-nas-laufwerken-und-wlan-festp/

'''Rechnername des Mac-Rechners rausfinden.'''

Terminal
scutil --get ComputerName

'''MAC Adresse der Netzwerkkarte rausfinden'''
ifconfig en0 | grep ether
(Pipe Zeichen mit ALT+7)

Die MAC-Adresse besteht aus zwölf Zahlen-/Buchstaben-Paaren. Merken Sie sich auch diese Adresse.

'''Sparsbundle Diskimage mit ausreichender Größe erzeugen'''

3. Timemachine speichert seine Daten in einem sog. Sparsebundle. Im nächsten Schritt müssen Sie ein Disk-Image nach einem ganz bestimmten Namensmuster anlegen. Hierzu geben Sie in das Terminalfenster einen Befehl nach folgendem Muster ein:

hdiutil create -size 100g -fs HFS+J -volname TM-Backup "<Computename>_<MAC-Adresse>.sparsebundle"

<Computername> s.o. <MAC Adresse> s.o. ohne Doppelpunkte eingeben

Beispiel:

hdiutil create -size 100g -fs HFS+J -volname TM-Backup "Mirko Müllers MacBook_001ff3d0b9c8.sparsebundle"

Damit wird eine Backupdatei mit einer Maximalgröße von 100 GB angelegt. Sie finden die so erzeugte Datei in Ihrem Dokument-Verzeichnis.

Schalter “100g” entsprechend anpassen, etwa “200g” für eine maximal 200 GigaByte große Time-Machine-Datei. Die Datei wird nicht sofort 100 GB, sondern nur knapp 80 MB groß. Erst durch die Sicherheitskopien wächst die Datei später auf die Maximalgröße.

'''Datei auf die Netzwerkfestplatte kopieren'''

Danach die Lokale Datei löschen.

'''Konfigurationsänderung'''

Mit einer Konfigurationsänderung akzeptiert Time Machine auch Netzwerkordner als Backupmedien.

defaults write com.apple.systempreferences TMShowUnsupportedNetworkVolumes 1

Das war’s. Wenn Sie jetzt die Systemeinstellung “Time Machine” öffnen, können Sie über die Schaltfläche “Volume wechseln” auch das Netzlaufwerk auswählen. Ganz wichtig: Wählen Sie den Netzwerkordner, in den Sie in Schritt 4 die “sparsebundle"-Datei kopiert haben.

[Update]: Einige Leser berichten von Problemen bei der Anmeldung in der TimeMachine. Mitunter tritt zum Beispiel der FEhler “OSStatus-Fehler -6602” auf. Die Lösung: Richten Sie auf dem Netzlaufwerk einen neuen Ordner “backup” ein, und legen Sie dort die sparsebundle-Datei ab. Dann klappt’s auch ohne Fehlermeldung.

Quelle s.o. Verfasst 2008 Zugriff 06/2011

Problem unter 10.6 hdiutils der Vorgang wird nicht unterstützt

=== Time Maschine Backups auf NAS übers Netzwerk wiederherstellen ===

Genauso wichtig wie das Erstellen von Backups ist natürlich das Wiederherstellen der Sicherungen. Da NAS-Server nicht offiziell unterstütze Laufwerke sind, muss man sich hier auch einiger „Handgriffe“ bedienen. Dazu geht man wie folgt vor:

* Den Mac mit einer Leopard-Installations-DVD und angeschlossenem Netzwerkkabel booten.
* Nach dem Booten unter Dienstprogramme das Terminal starten.
* Über einen "PING" testen, ob das NAS über Netzwerk erreichbar ist. Dazu den Befehl ping 192.168.1.10 ins Terminal eingeben, wobei die IP abhängig vom Netzwerk zu wählen ist.
* Einen Mount-Point für das NAS erstellen, indem man ein Verzeichnis mit nachfolgenden Befehl im Terminal erzeugt:

mkdir /Volumes/backup

* Jetzt muss das Verzeichnis in dem das Time Maschine Backup liegt als Volume gemountet werden. Dazu gibt man im Terminal ein:
mount_afp afp://$USERNAME:$PASSWORT@$NAS_IP_ADDRESSE/$VERZEICHNIS /Volumes/backup
Als $NAS_IP_ADDRESSE steht bei mir die 192.168.1.10 und bei $VERZEICHNIS das von mir erstelle Verzeichnis andreas
Mit dem Befehl
ls /Volumes/backup
kann überprüft werden, ob sich das Sparseimage im Verzeichnis befindet
Jetzt kann im Menü Dienstprogramme > Systemwiederherstellung auf das Time Maschine Backup auf dem NAS zugegriffen werden.

== Mac Terminal Tipps ==
[[Mac Terminal Tipps]]

== Mac Probleme lösen ==
[[Mac - Probleme beheben]]

After Effects

2012-07-24T12:31:49Z

149.172.152.49: /* After Effects - Otimizing Projects */

[[After Effects - Snippets (Expressions)]]

== After Effects - Keyboard Shortcuts ==
http://help.adobe.com/en_US/AfterEffects/9.0/WS3878526689cb91655866c1103a9d3c597-7987a.html
== After Effects - Precomposing ==
http://library.creativecow.net/articles/preston_bryan/precomp.php
== After Effects - Optimizing Projects ==
http://www.adobepress.com/articles/article.asp?p=1648576

After Effects

2012-07-24T12:31:38Z

149.172.152.49:

[[After Effects - Snippets (Expressions)]]

== After Effects - Keyboard Shortcuts ==
http://help.adobe.com/en_US/AfterEffects/9.0/WS3878526689cb91655866c1103a9d3c597-7987a.html
== After Effects - Precomposing ==
http://library.creativecow.net/articles/preston_bryan/precomp.php
== After Effects - Otimizing Projects ==
http://www.adobepress.com/articles/article.asp?p=1648576

Witze

2012-07-21T05:34:08Z

149.172.152.49:

==Witzfragen==

Es gibt auch Witzsprüche! Auf die Seite [[Sprüche]].

Und weitere Sprüche auf [[Tages sprüche]]

'''Welcher Satz hat keine Wörter?'''

der Kaffeesatz.

----

In welchem Fall ist 4 + 4 = 9?

In keinem.

----

Was kann mann nicht mit Worten ausdrücken?

Den Schwamm.

----

Welche Bildung macht nicht intelligenter?

Die Einbildung.

----

Wer kann alle Sprachen sprechen?

Das Echo

----

Warum gibt es in jedem schottischen

Schloss ein Schlossgespenst?

Weil Schlossgespenster billiger sind als Alarmanlagen.

----

Was ist eine Blondine hinter einem Lenkrad?

Ein Airbag.

----

Was sind drei Blondinen im Ehebett?

Artgerechte Haltung.

==Verschidene Witze==
----

Treffen sich zwei Blondinen kurz vor Weihnachten.
- Bald ist schon wieder Heilig Abend.
- Soll dieses Jahr auf einen Freitag fallen.
- Na Hoffentlich nicht auf den 13ten!

----

Blondine in der Drogerie: "Bitte eine Packung Mottenkugeln!" Meint der Drogist verwundert: "Seit einer Woche kaufen sie jeden Tag eine Packung Mottenkugeln. Es geht mich ja nichts an, aber was machen Sie denn damit?" - "Nun ja..." antwortet die Blondine, "es ist so schwierig, die Motten mit diesen Kugeln zu treffen!"

----

Warum können
Blondinen nicht Brustschwimmen? Weil sie, wenn sie feucht zwischen den Beinen
werden, diese breit machen. Und weil sie, wenn sie feucht zwischen den Beinen
werden, sie sich auf den Rücken drehen. Und warum kann das kein echter
Blondinenwitz sein? Weil sie immer feucht zwischen den Beinen sind.

----

Eine
Rothaarige, eine Brünette und eine Blondine veranstalten ein Wettschwimmen, 200
Meter Brust. Die Rothaarige und die Brünette schlagen fast gleichzeitig an,
die Blondine kommt ein paar Sekunden später ans Ziel. Beschwert sie sich:
"Das gilt nicht, ihr habt geschummelt! Ihr habt ja auch die Arme benutzt..."

----

Eine Brünette, eine Rothaarige und eine Blondine gehen in eine Bar. Brünette: "Ich will B und C." Barkeeper: "Was ist das?" Brünette: "Bourbone und Cola." Rothaarige: "Und ich will ein G und T." Barkeeper: "Was ist ein G und T?" Rothaarige: "Gin und Tonic." Blondine: "Ich will ein 15." Barkeeper: "Was ist ein 15?" Blondine: "7 und 7!"

----

Sherlock Holmes und Dr. Watson sind am Zelten. Mitten in der Nacht wird Dr. Watson von Sherlock Holmes geweckt. Er wird von ihm gefragt, was er sieht. "Ich sehe Sterne am Himmel." "Und was hat dieses zu bedeuten?" Darauf hin antwortet Dr. Watson. "Das es im Universum sicherlich intelligentes Leben gibt. Und sehr viele Planeten." "Quatsch. Man hat uns gerade das Zelt geklaut."

----

Die ostfriesischen
Wissenschaftler haben jetzt herausgefunden, dass Huehneraugen auch am Kopf
vorkommen - und zwar bei Huehnern.

----

Kommt ein
Ostfriese in einen Elektroladen: "Bitte fuenf kaputte Gluehbirnen !" "Kaputte
?" "Ja, ich will mir eine Dunkelkammer einrichten!

----

Wer hat das Zahnradgetriebe erfunden? Ein Ostfriese
! Wer hat das Jodeln erfunden? Der gleiche Ostfriese, als er mit dem
Finger ins das Getriebe hineinkam.

----

Zwei Ostfriesen ueberpruefen ihr Auto. "
Scheinwerfer? " " Geht! " " Ruecklicht? " " Geht ! " " Blinklicht?
" " Geht, geht nicht, geht, geht nicht, geht... "

----

Die Dame an der Kinokasse fragt: "Haben Sie
nicht schon dreimal eine Karte gekauft?" Antwortet der Ostfriese: "Ja, aber
der Mann am Eingang zerreisst sie mir immer."

----

Warum tragen die Ostfriesinnen Kopftuecher und die Ostfriesen
immer Muetzen ? Damit sich die Laeuse nicht erkaelten, denn wenn diese
husten, koennen die Ostfriesen nicht schlafen.

----

Ein Ostfriese
zu seinem Nachbarn: "Ich habe jetzt ein Zahlenschloß an meinen Schweinestall
machen lassen. Alle Ziffern sind Fünfen, aber ich sage nicht, in welcher
Reihenfolge."

----

Wie viele Ostfriesen werden
benoetigt, um einen Nagel in die Wand einzuschlagen? Zweiundzwanzig - einer
haelt den Nagel, einer den Hammer und zwanzig schieben die Wand vor und
zurueck.

----

Noch etwas aus einem ostfriesischen
Gerichtssaal. "Angeklagter, warum kommen Sie mit einem Knueppel zur
Verhandlung?" "In der Vorladung stand doch, fuer meine Verteidigung haette
ich selbst zu sorgen!"

----

Und da war dann noch der
Mann, der auf der Suche nach dem ostfriesischen Nachtleben gluecklich in
einer Oben-Ohne-Bar landete. Warum sie so hiess, merkte er erst, als es ihm
in sein Bier reinregnete.

----

== Witz Bilder ==

----

[[Datei:Beispiel.jpg]]

After Effects - Snippets (Expressions)

2012-07-20T05:49:08Z

149.172.152.49: /* Links */

== Quickstart ==

Zum automatisieren bieten sich in After Effects die sogenannten Expressions an. Damit lassen sich Vorgänge die mit mehreren Keyframes realisiert werden automatisieren. Man wendet eine Expression z.B. auf die Opacity Eigenschaft eines Clips an um ihn automatisch ohne Keyframes zu setzen Ein- und Auszublenden.

== Links ==
Einige der Expressions sind von folgenden Seiten

http://www.graymachine.com/2010/04/my-top-expressions/ (Zugriff 7/2012)

Hat auch schöne Tutorials unter

http://www.graymachine.com/tutorials/

== Expression Snippets ==

=== Autofade (Clip Fade In - Fade Out) ===
Blendet einen Clip mit einer bestimmten Anzahl von Frames ein und aus
<pre>
fadeTime = 12;
opacityMin = 0;
opacityMax = 100;
layerDuration = outPoint - inPoint;
singleFrame = thisComp.frameDuration;

animateIn = linear(time, inPoint, (inPoint + framesToTime(fadeTime)), opacityMin, opacityMax);
animateOut = linear(time, (outPoint - framesToTime(fadeTime+1)), (outPoint-singleFrame), opacityMax, opacityMin);

if(time < (layerDuration/2+inPoint)){
animateIn;
}else{
animateOut;
}
</pre>

=== Autofade 2 (Marker Version) ===
Diese Version kann Markers nutzen um den Fade In und Fade Out Punkt zu bestimmen.
<pre>
//Autofade: Add to opacity

transition = 20; // transition time in frames
if (marker.numKeys<2){
tSecs = transition / ( 1 / thisComp.frameDuration); // convert to seconds
linear(time, inPoint, inPoint + tSecs, 0, 100) - linear(time, outPoint - tSecs, outPoint, 0, 100)
}else{
linear(time, inPoint, marker.key(1).time, 0, 100) - linear(time, marker.key(2).time, outPoint, 0, 100)
}
</pre>

=== Intertial Bounce ===
Bouncing Bewegung auf alle möglichen Bewegungen anwendbar. Passt gut zu Text
<pre>
amp = .1;
freq = 2.0;
decay = 2.0;

n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n--;
}}

if (n == 0){ t = 0;
}else{
t = time - key(n).time;
}

if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{value}
</pre>

=== Snap Zoom In/Out ===
<pre>
//Snap zoom in and out: apply to scale
snapScale = 300; //percent of scale to zoom

trans = 4; // transition time in frames
trans = trans * thisComp.frameDuration;
inTrans = easeOut(time, inPoint, inPoint + trans, [snapScale,snapScale], [0,0]);
outTrans = easeIn(time, outPoint, outPoint - trans, [0,0], [snapScale, snapScale]);
value+ inTrans + outTrans
</pre>
=== Snap Zoom z-position ===
<pre>
zoom = 5000; //distance to zoom
trans = 4; // transition time in frames
trans = trans * thisComp.frameDuration;

inTrans = easeIn(time, inPoint, inPoint + trans, [0,0,zoom], [0,0,0]);
outTrans = easeOut(time, outPoint, outPoint - trans*2, [0,0,0], [0,0,zoom]);
value+ inTrans - outTrans
</pre>

=== Y Axis Jitter ===
<pre>
// Y Axis Jitter
probability = 8 ; //higher is less likely
pos = 50;

val = random(-probability-2, 1);
m = clamp(val, 0, 1);
y = wiggle(10, pos*m)-position;
value + [0, y[1]]
</pre>

After Effects - Snippets (Expressions)

2012-07-20T05:48:40Z

149.172.152.49: /* Intertial Bounce */

== Quickstart ==

Zum automatisieren bieten sich in After Effects die sogenannten Expressions an. Damit lassen sich Vorgänge die mit mehreren Keyframes realisiert werden automatisieren. Man wendet eine Expression z.B. auf die Opacity Eigenschaft eines Clips an um ihn automatisch ohne Keyframes zu setzen Ein- und Auszublenden.

== Links ==
Einige der Expressions sind von folgenden Seiten

http://www.graymachine.com/2010/04/my-top-expressions/ (Zugriff 7/2012)
== Expression Snippets ==

=== Autofade (Clip Fade In - Fade Out) ===
Blendet einen Clip mit einer bestimmten Anzahl von Frames ein und aus
<pre>
fadeTime = 12;
opacityMin = 0;
opacityMax = 100;
layerDuration = outPoint - inPoint;
singleFrame = thisComp.frameDuration;

animateIn = linear(time, inPoint, (inPoint + framesToTime(fadeTime)), opacityMin, opacityMax);
animateOut = linear(time, (outPoint - framesToTime(fadeTime+1)), (outPoint-singleFrame), opacityMax, opacityMin);

if(time < (layerDuration/2+inPoint)){
animateIn;
}else{
animateOut;
}
</pre>

=== Autofade 2 (Marker Version) ===
Diese Version kann Markers nutzen um den Fade In und Fade Out Punkt zu bestimmen.
<pre>
//Autofade: Add to opacity

transition = 20; // transition time in frames
if (marker.numKeys<2){
tSecs = transition / ( 1 / thisComp.frameDuration); // convert to seconds
linear(time, inPoint, inPoint + tSecs, 0, 100) - linear(time, outPoint - tSecs, outPoint, 0, 100)
}else{
linear(time, inPoint, marker.key(1).time, 0, 100) - linear(time, marker.key(2).time, outPoint, 0, 100)
}
</pre>

=== Intertial Bounce ===
Bouncing Bewegung auf alle möglichen Bewegungen anwendbar. Passt gut zu Text
<pre>
amp = .1;
freq = 2.0;
decay = 2.0;

n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n--;
}}

if (n == 0){ t = 0;
}else{
t = time - key(n).time;
}

if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{value}
</pre>

=== Snap Zoom In/Out ===
<pre>
//Snap zoom in and out: apply to scale
snapScale = 300; //percent of scale to zoom

trans = 4; // transition time in frames
trans = trans * thisComp.frameDuration;
inTrans = easeOut(time, inPoint, inPoint + trans, [snapScale,snapScale], [0,0]);
outTrans = easeIn(time, outPoint, outPoint - trans, [0,0], [snapScale, snapScale]);
value+ inTrans + outTrans
</pre>
=== Snap Zoom z-position ===
<pre>
zoom = 5000; //distance to zoom
trans = 4; // transition time in frames
trans = trans * thisComp.frameDuration;

inTrans = easeIn(time, inPoint, inPoint + trans, [0,0,zoom], [0,0,0]);
outTrans = easeOut(time, outPoint, outPoint - trans*2, [0,0,0], [0,0,zoom]);
value+ inTrans - outTrans
</pre>

=== Y Axis Jitter ===
<pre>
// Y Axis Jitter
probability = 8 ; //higher is less likely
pos = 50;

val = random(-probability-2, 1);
m = clamp(val, 0, 1);
y = wiggle(10, pos*m)-position;
value + [0, y[1]]
</pre>

After Effects - Snippets (Expressions)

2012-07-20T05:45:20Z

149.172.152.49: /* Autofade (Clip Fade In - Fade Out) */

After Effects - Snippets (Expressions)

2012-07-20T05:44:21Z

149.172.152.49: Die Seite wurde neu angelegt: „ == Quickstart == Zum automatisieren bieten sich in After Effects die sogenannten Expressions an. Damit lassen sich Vorgänge die mit mehreren Keyframes realisie…“

After Effects

2012-07-20T05:36:59Z

149.172.152.49: Die Seite wurde neu angelegt: „After Effects - Snippets (Expressions)“

[[After Effects - Snippets (Expressions)]]

JQuery - Snippets

2012-07-18T13:55:21Z

149.172.152.49: /* Werte von Formularen auslesen */

Nützliche jQuery Schnipsel
== Grundgerüst zum testen ==
<pre>
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
</head>

<body>

<style type="text/css">
</style>

<script type="text/javascript">
$(document).ready(function() {

});

function newFunc(myParam){
alert('hello world')
}
</script>

<h1>Testpage</h1>

</body>
</html>
</pre>
== Links ==
[[JavaScript - Snippets]]

http://css-tricks.com/snippets/jquery/

=== jQuery Countdown Scripts ===
http://www.tripwiremagazine.com/2012/01/jquery-countdown-scripts.html

== Formulare ==
=== Fokus auf erstes Input-Feld im Formular setzen ===
// focus on the first text input field on the page
$("input[type='text']:first", document.forms[0]).focus();

=== Werte von Formularen auslesen ===
http://www.beier-christian.eu/blog/weblog/jquery-ausgewahlte-option-aus-select-box-auslesen/

==== Select Boxen ====
Hinweis, vieles ist natürlich auch mit anderen Elementen möglich.
<pre>
<label for="obst">Obst</label>
<select name="obst" id="obst">
<option value="1">Orange</option>
<option value="2">Apfel</option>
<option value="3">Banane</option>
</select>
</pre>

Wert auslesen
$('select#obst').val();

Text des Wertes auslesen
$('select#obst :selected').text();

Text mehrerer gewählter Optionen ausgeben:

<pre>
$('select#obst :selected').each(function(i, option) {
// Verarbeitung der Optionen
alert(option.value + ' ' + option.text);
});
</pre>
Beispiel: Alle gewählten Werte bei Veränderung in ein div (id=message) schreiben:
<pre>
$("select").change(function () {
var str = "";
$("select option:selected").each(function () {
str += $(this).text();
});
$("div#message").text(str);
}).change();
</pre>

==== Checkboxen ====
Links:
http://technosophos.com/node/223 (Zugriff 07-2012)

Beispiele
<pre>
// Checked ? Returns a boolean, true if checked, false otherwise
jQuery('#my-checkbox').is(':checked');

// Check checkbox - this sets the attribute checked="checked"
jQuery('#my-checkbox').attr('checked','checked');

// Uncheck checkbox (right way)
jQuery('#my-checkbox').removeAttr('checked');
</pre>
<pre>
// Check / Uncheck everything

// Check anything that is not already checked:
jQuery(':checkbox:not(:checked)').attr('checked', 'checked');

// Remove the checkbox
jQuery(':checkbox:checked').removeAttr('checked');
</pre>

== Browser ==
=== Resize des Browserfensters feststellen ===
<pre>
<script type="text/javascript" charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){

//If the User resizes the window, adjust the #container height
$(window).bind("resize", resizeWindow);
function resizeWindow( e ) {
var newWindowHeight = $(window).height();
$("#container").css("min-height", newWindowHeight );
}

});
</script>

</pre>

== Templates - Vorlagen ==
=== XHTML 1.0 Template mit jQuery ===
<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Title goes here » Site title here</title>


<base href="" />
<meta name="author" content="#" />
<meta name="description" content="#" />
<meta name="copyright" content="#" />
<meta name="robots" content="#" />
<meta name="generator" content="#" />
<meta name="keywords" content="#" />
<meta http-equiv="expires" content="#" />
<meta http-equiv="cache-control" content="#" />


<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />


<script type="text/javascript">
/*<![CDATA[*/
// add 'js' class to root element to nicely allow css that degrades gracefully if js is disabled
document.getElementsByTagName('html')[0].className = 'js';
/*]]>*/
</script>


<link rel="stylesheet" href="/stylesheets/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="/stylesheets/print.css" type="text/css" media="print" />



</head>
<body>
<div id="container">

<div id="header">
<h1>Title of page goes here</h1>
<h2>Subtitle of page goes here</h2>
</div>

<div id="nav">
<ul class="menu">
<li><a href="#">Link #1</a></li>
<li><a href="#">Link #2</a></li>
<li><a href="#">Link #3</a></li>
</ul>
<ul class="breadcrumbs">
<li><a href="#">Home</a></li>
<li><a href="#">Sub directory</a></li>
<li><a href="#">Current page</a></li>
</ul>
</div>

<div id="main">
<ul class="sidebar">
<li><a href="#">Sidebar link #1</a></li>
<li><a href="#">Sidebar link #2</a></li>
</ul>

<div id="sub1">
<h3>Title of content</h3>
<p>Begin content here</p>
</div>

<div id="sub2" class="hide">
<h3>Title of content</h3>
<p>Begin content here</p>
</div>
</div>

<div id="footer">
<p>©2XXX company name here. Creative Commons link, your own link, validation, etc.</p>
</div>

</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="/scripts/app.js"></script>



</body>
</html>
</pre>
== JavaScript nachladen während die Seite schon angezeigt wird ==
<pre>
// Add this onDocumentReady function to the end of the jQuery.js file.
// It MUST be in the jquery file to work correctly.
$(function(){
var scripts = /\?(.*)/, files = [], path = /^.*\//, loaded = 0, count = 0;

$('script').each(function(){
var src = $(this).attr('src');
if (!scripts.test(src)) return;
var pathto = src.match(path);
files = files.concat($.map(src.match(scripts).pop().split(','), function(e,i){
return pathto+e+'.js'
}));
})

count = files.length;

$.each(files, function(){
$.getScript(this, function(){
loaded++;
if(loaded == count && typeof onBackload == 'function')
onBackload(loaded)
})
})
});

/**
* If you have the following script tags:
* <script src="/path/to/jquery.min.js?somefile,otherfile.min,thirdfile"></script>
* <script src="/other/path/foo.js?different.file,final.file"></script>
* This script will "backload" the following files:
* /path/to/somefile.js
* /path/to/otherfile.min.js
* /path/to/thirdfile.js
* /other/path/different.file.js
* /other/path/final.file.js
*/

// And if you declare a function named "onBackload", it will be fired when all the scripts are loaded
// This is handy for getting things going once you're confident your scripts have all been included.
function onBackload(loaded){
alert('All ' + loaded + ' files backloaded!')
}
</pre>

== DOM Manipulation ==
=== Einfaches Rollover Hide Show Skript ===
<pre>
<script type="text/javascript">
/*<![CDATA[*/

/*]]>*/
</script>
</pre>

Siehe auch: [[Media:Maphilight-sample01.zip]]‎

===Append Site Overlay DIV===

Quelle: http://css-tricks.com/snippets/jquery/append-site-overlay-div/ (11/2011)

<pre>
$(function() {

var docHeight = $(document).height();

$("body").append("<div id='overlay'></div>");

$("#overlay")
.height(docHeight)
.css({
'opacity' : 0.4,
'position': 'absolute',
'top': 0,
'left': 0,
'background-color': 'black',
'width': '100%',
'z-index': 5000
});

});
</pre>
=== jQuery - overlay, modal box, lightbox, tooltips ===
Infos über die verschiedenen Möglichkeiten und die Unterschiede (Todo)

Beispiele:

=== Position eines Elements auslesen ===

<pre>
// get Pos of act Item
var position = $("#myElement").offset();
//console.log(position);

//set positon to other elements...
$("#otherElement").css(position);
$("#anotherElement").css("top",(position.top+5));

</pre>

== Usability ==
=== Loading Icon bis Seite komplett geladen ist ===
Quelle: siehe Links

<pre>
<head>
<meta charset='UTF-8'>
<title>Simple Loader</title>
<style>
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script src="https://github.com/Modernizr/Modernizr/raw/master/modernizr.js"></script>
<script>
// Wait for window load
$(window).load(function() {
// Animate loader off screen
$("#loader").animate({
top: -200
}, 1500);
});
</script>
</head>

<body>
<img src="download.png" id="loader">
<img src="http://farm6.static.flickr.com/5299/5400751421_55d49b2786_o.jpg">
</body>

</pre>

JQuery - Snippets

2012-07-18T13:45:35Z

149.172.152.49: /* Werte von Formularen auslesen */

Nützliche jQuery Schnipsel
== Grundgerüst zum testen ==
<pre>
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
</head>

<body>

<style type="text/css">
</style>

<script type="text/javascript">
$(document).ready(function() {

});

function newFunc(myParam){
alert('hello world')
}
</script>

<h1>Testpage</h1>

</body>
</html>
</pre>
== Links ==
[[JavaScript - Snippets]]

http://css-tricks.com/snippets/jquery/

=== jQuery Countdown Scripts ===
http://www.tripwiremagazine.com/2012/01/jquery-countdown-scripts.html

== Formulare ==
=== Fokus auf erstes Input-Feld im Formular setzen ===
// focus on the first text input field on the page
$("input[type='text']:first", document.forms[0]).focus();

=== Werte von Formularen auslesen ===
http://www.beier-christian.eu/blog/weblog/jquery-ausgewahlte-option-aus-select-box-auslesen/

Beispiel Select Feld:
<pre>
<label for="obst">Obst</label>
<select name="obst" id="obst">
<option value="1">Orange</option>
<option value="2">Apfel</option>
<option value="3">Banane</option>
</select>
</pre>

Wert auslesen
$('select#obst').val();

Text des Wertes auslesen
$('select#obst :selected').text();

Text mehrerer gewählter Optionen ausgeben:

<pre>
$('select#obst :selected').each(function(i, option) {
// Verarbeitung der Optionen
alert(option.value + ' ' + option.text);
});
</pre>
Beispiel: Alle gewählten Werte bei Veränderung in ein div (id=message) schreiben:
<pre>
$("select").change(function () {
var str = "";
$("select option:selected").each(function () {
str += $(this).text();
});
$("div#message").text(str);
}).change();
</pre>

== Browser ==
=== Resize des Browserfensters feststellen ===
<pre>
<script type="text/javascript" charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){

//If the User resizes the window, adjust the #container height
$(window).bind("resize", resizeWindow);
function resizeWindow( e ) {
var newWindowHeight = $(window).height();
$("#container").css("min-height", newWindowHeight );
}

});
</script>

</pre>

== Templates - Vorlagen ==
=== XHTML 1.0 Template mit jQuery ===
<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Title goes here » Site title here</title>


<base href="" />
<meta name="author" content="#" />
<meta name="description" content="#" />
<meta name="copyright" content="#" />
<meta name="robots" content="#" />
<meta name="generator" content="#" />
<meta name="keywords" content="#" />
<meta http-equiv="expires" content="#" />
<meta http-equiv="cache-control" content="#" />


<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />


<script type="text/javascript">
/*<![CDATA[*/
// add 'js' class to root element to nicely allow css that degrades gracefully if js is disabled
document.getElementsByTagName('html')[0].className = 'js';
/*]]>*/
</script>


<link rel="stylesheet" href="/stylesheets/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="/stylesheets/print.css" type="text/css" media="print" />



</head>
<body>
<div id="container">

<div id="header">
<h1>Title of page goes here</h1>
<h2>Subtitle of page goes here</h2>
</div>

<div id="nav">
<ul class="menu">
<li><a href="#">Link #1</a></li>
<li><a href="#">Link #2</a></li>
<li><a href="#">Link #3</a></li>
</ul>
<ul class="breadcrumbs">
<li><a href="#">Home</a></li>
<li><a href="#">Sub directory</a></li>
<li><a href="#">Current page</a></li>
</ul>
</div>

<div id="main">
<ul class="sidebar">
<li><a href="#">Sidebar link #1</a></li>
<li><a href="#">Sidebar link #2</a></li>
</ul>

<div id="sub1">
<h3>Title of content</h3>
<p>Begin content here</p>
</div>

<div id="sub2" class="hide">
<h3>Title of content</h3>
<p>Begin content here</p>
</div>
</div>

<div id="footer">
<p>©2XXX company name here. Creative Commons link, your own link, validation, etc.</p>
</div>

</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="/scripts/app.js"></script>



</body>
</html>
</pre>
== JavaScript nachladen während die Seite schon angezeigt wird ==
<pre>
// Add this onDocumentReady function to the end of the jQuery.js file.
// It MUST be in the jquery file to work correctly.
$(function(){
var scripts = /\?(.*)/, files = [], path = /^.*\//, loaded = 0, count = 0;

$('script').each(function(){
var src = $(this).attr('src');
if (!scripts.test(src)) return;
var pathto = src.match(path);
files = files.concat($.map(src.match(scripts).pop().split(','), function(e,i){
return pathto+e+'.js'
}));
})

count = files.length;

$.each(files, function(){
$.getScript(this, function(){
loaded++;
if(loaded == count && typeof onBackload == 'function')
onBackload(loaded)
})
})
});

/**
* If you have the following script tags:
* <script src="/path/to/jquery.min.js?somefile,otherfile.min,thirdfile"></script>
* <script src="/other/path/foo.js?different.file,final.file"></script>
* This script will "backload" the following files:
* /path/to/somefile.js
* /path/to/otherfile.min.js
* /path/to/thirdfile.js
* /other/path/different.file.js
* /other/path/final.file.js
*/

// And if you declare a function named "onBackload", it will be fired when all the scripts are loaded
// This is handy for getting things going once you're confident your scripts have all been included.
function onBackload(loaded){
alert('All ' + loaded + ' files backloaded!')
}
</pre>

== DOM Manipulation ==
=== Einfaches Rollover Hide Show Skript ===
<pre>
<script type="text/javascript">
/*<![CDATA[*/

/*]]>*/
</script>
</pre>

Siehe auch: [[Media:Maphilight-sample01.zip]]‎

===Append Site Overlay DIV===

Quelle: http://css-tricks.com/snippets/jquery/append-site-overlay-div/ (11/2011)

<pre>
$(function() {

var docHeight = $(document).height();

$("body").append("<div id='overlay'></div>");

$("#overlay")
.height(docHeight)
.css({
'opacity' : 0.4,
'position': 'absolute',
'top': 0,
'left': 0,
'background-color': 'black',
'width': '100%',
'z-index': 5000
});

});
</pre>
=== jQuery - overlay, modal box, lightbox, tooltips ===
Infos über die verschiedenen Möglichkeiten und die Unterschiede (Todo)

Beispiele:

=== Position eines Elements auslesen ===

<pre>
// get Pos of act Item
var position = $("#myElement").offset();
//console.log(position);

//set positon to other elements...
$("#otherElement").css(position);
$("#anotherElement").css("top",(position.top+5));

</pre>

== Usability ==
=== Loading Icon bis Seite komplett geladen ist ===
Quelle: siehe Links

<pre>
<head>
<meta charset='UTF-8'>
<title>Simple Loader</title>
<style>
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script src="https://github.com/Modernizr/Modernizr/raw/master/modernizr.js"></script>
<script>
// Wait for window load
$(window).load(function() {
// Animate loader off screen
$("#loader").animate({
top: -200
}, 1500);
});
</script>
</head>

<body>
<img src="download.png" id="loader">
<img src="http://farm6.static.flickr.com/5299/5400751421_55d49b2786_o.jpg">
</body>

</pre>

JQuery - Snippets

2012-07-18T13:45:16Z

149.172.152.49: /* Fokus auf erstes Input-Feld im Formular setzen */

Nützliche jQuery Schnipsel
== Grundgerüst zum testen ==
<pre>
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
</head>

<body>

<style type="text/css">
</style>

<script type="text/javascript">
$(document).ready(function() {

});

function newFunc(myParam){
alert('hello world')
}
</script>

<h1>Testpage</h1>

</body>
</html>
</pre>
== Links ==
[[JavaScript - Snippets]]

http://css-tricks.com/snippets/jquery/

=== jQuery Countdown Scripts ===
http://www.tripwiremagazine.com/2012/01/jquery-countdown-scripts.html

== Formulare ==
=== Fokus auf erstes Input-Feld im Formular setzen ===
// focus on the first text input field on the page
$("input[type='text']:first", document.forms[0]).focus();

=== Werte von Formularen auslesen ===
http://www.beier-christian.eu/blog/weblog/jquery-ausgewahlte-option-aus-select-box-auslesen/

Beispiel:
<pre>
<label for="obst">Obst</label>
<select name="obst" id="obst">
<option value="1">Orange</option>
<option value="2">Apfel</option>
<option value="3">Banane</option>
</select>
</pre>

Wert auslesen
$('select#obst').val();

Text des Wertes auslesen
$('select#obst :selected').text();

Text mehrerer gewählter Optionen ausgeben:

<pre>
$('select#obst :selected').each(function(i, option) {
// Verarbeitung der Optionen
alert(option.value + ' ' + option.text);
});
</pre>
Beispiel: Alle gewählten Werte bei Veränderung in ein div (id=message) schreiben:
<pre>
$("select").change(function () {
var str = "";
$("select option:selected").each(function () {
str += $(this).text();
});
$("div#message").text(str);
}).change();
</pre>

== Browser ==
=== Resize des Browserfensters feststellen ===
<pre>
<script type="text/javascript" charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){

//If the User resizes the window, adjust the #container height
$(window).bind("resize", resizeWindow);
function resizeWindow( e ) {
var newWindowHeight = $(window).height();
$("#container").css("min-height", newWindowHeight );
}

});
</script>

</pre>

== Templates - Vorlagen ==
=== XHTML 1.0 Template mit jQuery ===
<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Title goes here » Site title here</title>


<base href="" />
<meta name="author" content="#" />
<meta name="description" content="#" />
<meta name="copyright" content="#" />
<meta name="robots" content="#" />
<meta name="generator" content="#" />
<meta name="keywords" content="#" />
<meta http-equiv="expires" content="#" />
<meta http-equiv="cache-control" content="#" />


<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />


<script type="text/javascript">
/*<![CDATA[*/
// add 'js' class to root element to nicely allow css that degrades gracefully if js is disabled
document.getElementsByTagName('html')[0].className = 'js';
/*]]>*/
</script>


<link rel="stylesheet" href="/stylesheets/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="/stylesheets/print.css" type="text/css" media="print" />



</head>
<body>
<div id="container">

<div id="header">
<h1>Title of page goes here</h1>
<h2>Subtitle of page goes here</h2>
</div>

<div id="nav">
<ul class="menu">
<li><a href="#">Link #1</a></li>
<li><a href="#">Link #2</a></li>
<li><a href="#">Link #3</a></li>
</ul>
<ul class="breadcrumbs">
<li><a href="#">Home</a></li>
<li><a href="#">Sub directory</a></li>
<li><a href="#">Current page</a></li>
</ul>
</div>

<div id="main">
<ul class="sidebar">
<li><a href="#">Sidebar link #1</a></li>
<li><a href="#">Sidebar link #2</a></li>
</ul>

<div id="sub1">
<h3>Title of content</h3>
<p>Begin content here</p>
</div>

<div id="sub2" class="hide">
<h3>Title of content</h3>
<p>Begin content here</p>
</div>
</div>

<div id="footer">
<p>©2XXX company name here. Creative Commons link, your own link, validation, etc.</p>
</div>

</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="/scripts/app.js"></script>



</body>
</html>
</pre>
== JavaScript nachladen während die Seite schon angezeigt wird ==
<pre>
// Add this onDocumentReady function to the end of the jQuery.js file.
// It MUST be in the jquery file to work correctly.
$(function(){
var scripts = /\?(.*)/, files = [], path = /^.*\//, loaded = 0, count = 0;

$('script').each(function(){
var src = $(this).attr('src');
if (!scripts.test(src)) return;
var pathto = src.match(path);
files = files.concat($.map(src.match(scripts).pop().split(','), function(e,i){
return pathto+e+'.js'
}));
})

count = files.length;

$.each(files, function(){
$.getScript(this, function(){
loaded++;
if(loaded == count && typeof onBackload == 'function')
onBackload(loaded)
})
})
});

/**
* If you have the following script tags:
* <script src="/path/to/jquery.min.js?somefile,otherfile.min,thirdfile"></script>
* <script src="/other/path/foo.js?different.file,final.file"></script>
* This script will "backload" the following files:
* /path/to/somefile.js
* /path/to/otherfile.min.js
* /path/to/thirdfile.js
* /other/path/different.file.js
* /other/path/final.file.js
*/

// And if you declare a function named "onBackload", it will be fired when all the scripts are loaded
// This is handy for getting things going once you're confident your scripts have all been included.
function onBackload(loaded){
alert('All ' + loaded + ' files backloaded!')
}
</pre>

== DOM Manipulation ==
=== Einfaches Rollover Hide Show Skript ===
<pre>
<script type="text/javascript">
/*<![CDATA[*/

/*]]>*/
</script>
</pre>

Siehe auch: [[Media:Maphilight-sample01.zip]]‎

===Append Site Overlay DIV===

Quelle: http://css-tricks.com/snippets/jquery/append-site-overlay-div/ (11/2011)

<pre>
$(function() {

var docHeight = $(document).height();

$("body").append("<div id='overlay'></div>");

$("#overlay")
.height(docHeight)
.css({
'opacity' : 0.4,
'position': 'absolute',
'top': 0,
'left': 0,
'background-color': 'black',
'width': '100%',
'z-index': 5000
});

});
</pre>
=== jQuery - overlay, modal box, lightbox, tooltips ===
Infos über die verschiedenen Möglichkeiten und die Unterschiede (Todo)

Beispiele:

=== Position eines Elements auslesen ===

<pre>
// get Pos of act Item
var position = $("#myElement").offset();
//console.log(position);

//set positon to other elements...
$("#otherElement").css(position);
$("#anotherElement").css("top",(position.top+5));

</pre>

== Usability ==
=== Loading Icon bis Seite komplett geladen ist ===
Quelle: siehe Links

<pre>
<head>
<meta charset='UTF-8'>
<title>Simple Loader</title>
<style>
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script src="https://github.com/Modernizr/Modernizr/raw/master/modernizr.js"></script>
<script>
// Wait for window load
$(window).load(function() {
// Animate loader off screen
$("#loader").animate({
top: -200
}, 1500);
});
</script>
</head>

<body>
<img src="download.png" id="loader">
<img src="http://farm6.static.flickr.com/5299/5400751421_55d49b2786_o.jpg">
</body>

</pre>

JQuery - Snippets

2012-07-18T09:00:19Z

149.172.152.49:

Nützliche jQuery Schnipsel
== Grundgerüst zum testen ==
<pre>
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
</head>

<body>

<style type="text/css">
</style>

<script type="text/javascript">
$(document).ready(function() {

});

function newFunc(myParam){
alert('hello world')
}
</script>

<h1>Testpage</h1>

</body>
</html>
</pre>
== Links ==
[[JavaScript - Snippets]]

http://css-tricks.com/snippets/jquery/

=== jQuery Countdown Scripts ===
http://www.tripwiremagazine.com/2012/01/jquery-countdown-scripts.html

== Formulare ==
=== Fokus auf erstes Input-Feld im Formular setzen ===
// focus on the first text input field on the page
$("input[type='text']:first", document.forms[0]).focus();

== Browser ==
=== Resize des Browserfensters feststellen ===
<pre>
<script type="text/javascript" charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){

//If the User resizes the window, adjust the #container height
$(window).bind("resize", resizeWindow);
function resizeWindow( e ) {
var newWindowHeight = $(window).height();
$("#container").css("min-height", newWindowHeight );
}

});
</script>

</pre>

== Templates - Vorlagen ==
=== XHTML 1.0 Template mit jQuery ===
<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Title goes here » Site title here</title>


<base href="" />
<meta name="author" content="#" />
<meta name="description" content="#" />
<meta name="copyright" content="#" />
<meta name="robots" content="#" />
<meta name="generator" content="#" />
<meta name="keywords" content="#" />
<meta http-equiv="expires" content="#" />
<meta http-equiv="cache-control" content="#" />


<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />


<script type="text/javascript">
/*<![CDATA[*/
// add 'js' class to root element to nicely allow css that degrades gracefully if js is disabled
document.getElementsByTagName('html')[0].className = 'js';
/*]]>*/
</script>


<link rel="stylesheet" href="/stylesheets/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="/stylesheets/print.css" type="text/css" media="print" />



</head>
<body>
<div id="container">

<div id="header">
<h1>Title of page goes here</h1>
<h2>Subtitle of page goes here</h2>
</div>

<div id="nav">
<ul class="menu">
<li><a href="#">Link #1</a></li>
<li><a href="#">Link #2</a></li>
<li><a href="#">Link #3</a></li>
</ul>
<ul class="breadcrumbs">
<li><a href="#">Home</a></li>
<li><a href="#">Sub directory</a></li>
<li><a href="#">Current page</a></li>
</ul>
</div>

<div id="main">
<ul class="sidebar">
<li><a href="#">Sidebar link #1</a></li>
<li><a href="#">Sidebar link #2</a></li>
</ul>

<div id="sub1">
<h3>Title of content</h3>
<p>Begin content here</p>
</div>

<div id="sub2" class="hide">
<h3>Title of content</h3>
<p>Begin content here</p>
</div>
</div>

<div id="footer">
<p>©2XXX company name here. Creative Commons link, your own link, validation, etc.</p>
</div>

</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="/scripts/app.js"></script>



</body>
</html>
</pre>
== JavaScript nachladen während die Seite schon angezeigt wird ==
<pre>
// Add this onDocumentReady function to the end of the jQuery.js file.
// It MUST be in the jquery file to work correctly.
$(function(){
var scripts = /\?(.*)/, files = [], path = /^.*\//, loaded = 0, count = 0;

$('script').each(function(){
var src = $(this).attr('src');
if (!scripts.test(src)) return;
var pathto = src.match(path);
files = files.concat($.map(src.match(scripts).pop().split(','), function(e,i){
return pathto+e+'.js'
}));
})

count = files.length;

$.each(files, function(){
$.getScript(this, function(){
loaded++;
if(loaded == count && typeof onBackload == 'function')
onBackload(loaded)
})
})
});

/**
* If you have the following script tags:
* <script src="/path/to/jquery.min.js?somefile,otherfile.min,thirdfile"></script>
* <script src="/other/path/foo.js?different.file,final.file"></script>
* This script will "backload" the following files:
* /path/to/somefile.js
* /path/to/otherfile.min.js
* /path/to/thirdfile.js
* /other/path/different.file.js
* /other/path/final.file.js
*/

// And if you declare a function named "onBackload", it will be fired when all the scripts are loaded
// This is handy for getting things going once you're confident your scripts have all been included.
function onBackload(loaded){
alert('All ' + loaded + ' files backloaded!')
}
</pre>

== DOM Manipulation ==
=== Einfaches Rollover Hide Show Skript ===
<pre>
<script type="text/javascript">
/*<![CDATA[*/

/*]]>*/
</script>
</pre>

Siehe auch: [[Media:Maphilight-sample01.zip]]‎

===Append Site Overlay DIV===

Quelle: http://css-tricks.com/snippets/jquery/append-site-overlay-div/ (11/2011)

<pre>
$(function() {

var docHeight = $(document).height();

$("body").append("<div id='overlay'></div>");

$("#overlay")
.height(docHeight)
.css({
'opacity' : 0.4,
'position': 'absolute',
'top': 0,
'left': 0,
'background-color': 'black',
'width': '100%',
'z-index': 5000
});

});
</pre>
=== jQuery - overlay, modal box, lightbox, tooltips ===
Infos über die verschiedenen Möglichkeiten und die Unterschiede (Todo)

Beispiele:

=== Position eines Elements auslesen ===

<pre>
// get Pos of act Item
var position = $("#myElement").offset();
//console.log(position);

//set positon to other elements...
$("#otherElement").css(position);
$("#anotherElement").css("top",(position.top+5));

</pre>

== Usability ==
=== Loading Icon bis Seite komplett geladen ist ===
Quelle: siehe Links

<pre>
<head>
<meta charset='UTF-8'>
<title>Simple Loader</title>
<style>
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script src="https://github.com/Modernizr/Modernizr/raw/master/modernizr.js"></script>
<script>
// Wait for window load
$(window).load(function() {
// Animate loader off screen
$("#loader").animate({
top: -200
}, 1500);
});
</script>
</head>

<body>
<img src="download.png" id="loader">
<img src="http://farm6.static.flickr.com/5299/5400751421_55d49b2786_o.jpg">
</body>

</pre>