Das Menü kommt ohne Flaggen aus, wird per PHP generiert und lässt sich per Klick umschalten. Ist eine Seite in einer alternativen Sprache nicht verfügbar, wird der Menüpunkt ausgegraut. Ansonsten verhält es sich wie ein normales Sprachmenü, in diesem Fall eben nur ohne Flaggen.

In Aktion sieht das Menü so aus (natürlich in ein Design eingepasst; in der Rohfassung erzeugt es einfach nur die Links für die Sprachen):

[inspic=47,fullscreen,148]

Die PHP-Datei sprachmenu.inc:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

<?php
if (!is_object($this)) die ('Error: No parent object present.');
 
$res = $GLOBALS['TYPO3_DB']->exec_SELECTquery('*', 'pages_language_overlay', 'pid='.intval($GLOBALS['TSFE']->id).$GLOBALS['TSFE']->sys_page->enableFields('pages_language_overlay'), 'sys_language_uid');
 
$langArr = array();
while($row = $GLOBALS['TYPO3_DB']->sql_fetch_assoc($res)) {
	$langArr[$row['sys_language_uid']] = $row['title'];
}
 
$pointer = '';
 
$flags = array();
if($_SERVER['SCRIPT_FILENAME'] != 'index.php') {
	$query = 'index.php?';
}
$query .= $_SERVER['QUERY_STRING'];
$langstrings = array("&L=1", "&L=0");
 
if ($_GET['L'] == "1") {
	$query = str_replace($langstrings,"",$query);
	($langArr[1]) ? $langtext = 'de' : $langtext = 'de';
	$flags[] = ($GLOBALS['TSFE']->sys_language_uid==0?$pointer:'').'<a href="'.htmlspecialchars($query.'&L=0').'" target="_top">'.$langtext.'</a>';
}
if ($_GET['L'] == "0" OR empty($_GET['L'])) {
	$query = str_replace($langstrings,"",$query);
	if($langArr[1]) {
		$flags[] = ($GLOBALS['TSFE']->sys_language_uid==1?$pointer:'').'<a href="'.htmlspecialchars($query.'&L=1').'" target="_top">'.($langArr[1]?'':'').'ru'.($langArr[1]?'':'').'</a>';
	} else {
		$flags[] = ($GLOBALS['TSFE']->sys_language_uid==1?$pointer:'').''.($langArr[1]?'':'').'ru'.($langArr[1]?'':'').'';
	}
}
 
if ($_GET['L'] == "0" OR empty($_GET['L'])) {
	$langvar = 'de';
}
if ($_GET['L'] == "1") {
	$langvar = 'ru';
}
$content = $langvar;
$content .= implode('',$flags);
?>

Per TypoScript kann das ganze dann so inkludiert werden:

1
2

page.10.marks.SPRACHE = PHP_SCRIPT
page.10.marks.SPRACHE.file = fileadmin/sprachmenu.inc

Wirklich flexibel ist es natürlich nicht, aber als Ansatz ist es vielleicht hilfreich für den einen oder anderen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

page.10.marks.SPRACHE = HMENU
page.10.marks.SPRACHE {
  special = language
  special.value = 0,1,2
  special.normalWhenNoLanguage = 0
  1 = GMENU
  1.NO {
    XY = [5.w]+4, [5.h]+4
    backColor = white
    transparentColor = white
    transparentBackground = 1
    5 = IMAGE
    5.file = uploads/tf/flag_de.gif || uploads/tf/flag_en.gif || uploads/tf/flag_ru.gif
    5.offset = 2,2
  }
  1.ACT < page.10.marks.SPRACHE.1.NO
  1.ACT = 1
  1.ACT.backColor = #9C9A9C
  1.ACT.transparentBackground = 0
  1.USERDEF1 < page.10.marks.SPRACHE.1.NO
  1.USERDEF1 = 1
  1.USERDEF1.5.file = uploads/tf/flag_de_d.gif || uploads/tf/flag_en_d.gif || uploads/tf/flag_ru_d.gif
  1.USERDEF1.noLink = 1
  1.USERDEF2 < page.10.marks.SPRACHE.1.USERDEF1
  1.USERDEF2.backColor = #9C9A9C
}

Wer die Flaggen mit einem weißen 2 Pixel breiten Rahmen versehen will, ändert folgende Zeile

11

transparentBackground = 1

in

11

transparentBackground = 0

Über die Zeile

18

1.ACT.backColor = #9C9A9C

lässt sich einfach die Hintergrund-Markierungsfarbe angeben.

Wie man die Pfade zu den Flaggen angeben muss, sieht man zudem oben. Diese können platziert werden wo man will.

Werden bei standardmäßiger Konfiguration von TYPO3 russische/kyrillische Zeichen eingegeben, wandelt TYPO3 diese in entsprechende ASCII-Codes um. Das hängt mit der Zeichencodierung zusammen, die standardmäßig auf ISO steht.

Aus:

Услуги и решения

wird dann bspw:

&a1806;&a1806;&a1806;&a1806;&a1806;&a1806;&a180 6;

(Hinweis: Ich verstehe kein russisch, weiß also nicht, was ich geschrieben habe. )

Nun also zur Konfiguration.

Vorbereitungen der TYPO3-Konfiguration für russische Schriftzeichen

Standardmäßig ist in TYPO3 ISO-Codierung eingestellt. Um kyrillische (z.B. russische) Schriftzeichen darzustellen, muss die Zeichencodierung auf UTF-8 umgestellt werden. Dies geschieht folgendermaßen, auf zwei Wegen.

1. Install Tool
   In der Option forceCharset muss der Wert utf-8 eingetragen werden.
2. localconf.php
   In der localconf.php (/typo3/typo3conf/localconf.php) muss Folgendes hinzugefügt werden:

   1	$TYPO3_CONF_VARS['BE']['forceCharset'] = "utf-8";

Nun muss noch folgender Code im Haupttemplate-Setup eingefügt werden:

1
2

page.config.metaCharset = utf-8
page.config.additionalHeaders = Content-Type:text/html;charset=utf-8

Hinweis: Haben Sie bereits deutsche Texte eingefügt, werden aufgrund dieser Änderungen alle vorhandenen Umlaute als Fragezeichen/Kästchen angezeigt. Dies rührt daher, dass die Sonderzeichen (noch) nicht für UTF-8 erstellt werden. Um diesem Umstand Abhilfe zu schaffen, greifen wir auf eine Erweiterung zurück, um nicht alle Umlaute nachträglich manuell umwandeln zu müssen.

Die Anzeige russischer Schriftzeichen

Die Erweiterung heißt convert2utf8 und kann über das Extension Repository heruntergeladen werden.

Hinweis: Erstellen Sie ein Backup der Datenbank, bevor Sie die Extension ausführen! Mit SSH-Zugang folgendermaßen, um den Dump in das aktuelle Verzeichnis abzulegen:

1

mysqldump --opt -Q -h servername -u dbusername -p databasename > backupname.sql

Nach Eingabe des Datenbank-Passwortes wird der Dump direkt auf den Server geschrieben.

Zurück zur Erweiterung: Ist sie installiert, lässt sie sich über das Kontext(-popup-)menü der root-Seite der Webseite aufrufen über “Convert to UTF8″. Hat man im ersten Schritt alle zu konvertierenden Seiten ausgefwählt, stellt man im zweiten Schritt einfach “ISO-8859-1 (Western Europe)” ein, denn das ist die Standardcodierung von TYPO3. Im finalen Schritt beginnt die Extension die Umwandlung.

Ist diese abgeschlossen, empfiehlt es sich den Seitenbaum neu zu laden und den FE-Cache zu löschen.

Die erfolgreiche Umstellung auf UTF-8

Im FE werden nun die vormals als Fragezeichen/Kästchen dargestellten Umlaute wieder korrekt angezeigt. Im BE werden eingegebene russische Zeichen auch als solche gespeichert und angezeigt. Mission erfolgreich.

Werden externe Templatedateien verwendet, die einfach inkludiert werden (z.B. von Extensions), müssen diese ebenfalls in UTF-8 konvertiert werden. Dazu müssen die Dateien einfach in einem Editor unter UTF-8 gespeichert werden.

Sonderfall tt_news

Da die Datenbank-Tabellen der tt_news-Erweiterung nicht zum System gehören, werden diese leider nicht mit durch die Erweiterung convert2utf8 in UTF-8 umgewandelt. Daher muss man diese Tabelle manuell umwandeln. Allerdings gestaltet sich das mit den entsprechenden Mitteln auch recht problemlos.

Zunächst sollte man die tt_news-Tabelle exportieren. Das geht per Kommandozeile oder einfach mit phpMyAdmin. Hat man den Dump in einer .sql-Datei auf dem Server, lässt sich diese mit dem Kommandozeilen-Befehl recode in UTF-8 umwandeln:

1

recode latin..utf8 sql-dump-datei.sql

Diese Datei kann dann wieder mit Zeichencodierung UTF-8 in die TYPO3-Datenbank importiert werden.

Weiterführende Links

Folgende Links verfolgen jeweils andere Wege, um das selbe wie hier Beschriebene zu erreichen. Hilfreich, falls dieser Artikel nicht zu einer Lösung beitragen kann.

• Konvertieren einer TYPO3-Installation zu UTF-8
• Migration TYPO3 auf UTF-8
• Von ISO-8859-1 zu UTF-8 in PHP und MySQL

Das Standard Typo3 Sprachmenü kennen mittlerweile die meisten, die multilinguale Webseiten mit Typo3 bauen. Aus Erfahrung ist es aber bei vielen – meist computerfremden – Menschen so, dass das Standardmenü noch verwirrt, denn alle Flaggen sind jederzeit klickbar. Viele verwirrt das insofern, dass man nun nicht weiß, ob eine Sprache – trotz Ausgrauen der Flagge – verfügbar ist oder nicht.

Meine kleinen Anpassungen für das Sprachmenü stützen sich vor allem auf 2 Dinge:

• Die Flaggen der nicht-verfügbaren Sprachen sind nicht klickbar
• Die aktive Sprache wird, anders als im Standardmenü mit einem kleinen roten Pfeil, mit einer farblichen Hinterlegung markiert

Die Tatsache, dass nicht verfügbare Sprach-Flaggen nicht nur ausgegraut, sondern auch nicht klickbar sind, vermeidet Verwirrung.

Hier der Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

<?php
 
if (!is_object($this)) die ('Error: No parent object present.');
 
$res = $GLOBALS['TYPO3_DB']->exec_SELECTquery('*', 'pages_language_overlay', 'pid='.intval($GLOBALS['TSFE']->id).$GLOBALS['TSFE']->sys_page->enableFields('pages_language_overlay'), 'sys_language_uid');
 
$langArr = array();
while($row = $GLOBALS['TYPO3_DB']->sql_fetch_assoc($res))	{
	$langArr[$row['sys_language_uid']] = $row['title'];
}
 
$pointer = '';
 
$flags = array();
if ($GLOBALS['TSFE']->sys_language_uid == 0) {
	$flags[] = ($GLOBALS['TSFE']->sys_language_uid==0?$pointer:'').'<img src="uploads/tf/flag_de.gif" width="20" height="10" border="0" alt="" style="padding: 2px 2px 5px 2px;background:#667DAB; position:relative; top: 5px;" />';
} elseif (!$langArr[2]) {
	$flags[] = ($GLOBALS['TSFE']->sys_language_uid==0?$pointer:'').'<img src="uploads/tf/flag_de.gif" width="20" height="10" border="0" alt="" style="padding: 2px 2px 5px 2px; position:relative; top: 5px;" />';
} else {
	$flags[] = ($GLOBALS['TSFE']->sys_language_uid==0?$pointer:'').'<a href="'.htmlspecialchars('index.php?id='.$GLOBALS['TSFE']->id.'&L=0').'" target="_top"><img src="uploads/tf/flag_de.gif" width="20" height="10" border="0" alt="" style="padding: 2px 2px 5px 2px; position:relative; top: 5px;" /></a>';
}
 
if ($GLOBALS['TSFE']->sys_language_uid == 2) {
	$flags[] = ($GLOBALS['TSFE']->sys_language_uid==2?$pointer:'').'<img src="uploads/tf/flag_en'.($langArr[2]?'':'_d').'.gif" width="20" height="10" border="0" alt="" style="padding: 2px 2px 5px 2px;background:#667DAB; position:relative; top: 5px;" />';
} elseif (!$langArr[2]) {
	$flags[] = ($GLOBALS['TSFE']->sys_language_uid==2?$pointer:'').'<img src="uploads/tf/flag_en'.($langArr[2]?'':'_d').'.gif" width="20" height="10" border="0" alt="" style="padding: 2px 2px 5px 2px; position:relative; top: 5px;" />';
} else {
	$flags[] = ($GLOBALS['TSFE']->sys_language_uid==2?$pointer:'').'<a href="'.htmlspecialchars('index.php?id='.$GLOBALS['TSFE']->id.'&L=2').'" target="_top"><img src="uploads/tf/flag_en'.($langArr[2]?'':'_d').'.gif" width="20" height="10" border="0" alt="" style="padding: 2px 2px 5px 2px; position:relative; top: 5px;" /></a>';
}
 
$content = ''.implode('',$flags).'&nbsp;&nbsp;';
 
?>

Implementierung

Dieser Code wird, zusammen mit den Flaggendateien, als sprachmenu.inc im uploads/tf/-Ordner gespeichert und mittels TypoScript über einen Marker aufgerufen:

1
2
3
4

page = PAGE
 
page.10.marks.SPRACHE = PHP_SCRIPT
page.10.marks.SPRACHE.file = uploads/tf/sprachmenu.inc

Hinweis: Dieses Menü bedient die Sprachen Deutsch und Englisch, kann aber beliebig erweitert werden.