typo3.schloebe.de » tweak

Extension msimageflow & UMTS

Oliver Schlöbe — Tue, 27 Apr 2010 14:00:36 +0000

Die Extension “ImageFlow implementation for TYPO3″ (msimageflow) zaubert einen schönen Bilder-Slider, dessen Bilder man in TYPO3 pflegen kann.

Leider kommt es bei einem mobilen Internetzugang z.B. via UMTS zu einem Fehler bei der Anzeige, denn bei UMTS (u.a. mobilen Zugängen) werden Daten durch einen Proxy geleitet und stark komprimiert, im Falle der Extension msimageflow wird dadurch leider der Pfad zu den Bildern verfälscht.

Sieht der Pfad im Original so aus:
typo3conf/ext/msimageflow/res/reflect3.php?img=/srv/www/vhosts/domain.de/httpdocs/uploads/tx_msimageflow/besucherstuhl.png&bgc=ffffff

so wird er durch UMTS zu:
typo3conf/ext/msimageflow/res/reflect3.php?img=http://1.x.x.x/bmi/www.domain.de/srv/www/vhosts/domain.de/httpdocs/uploads/tx_msimageflow/besucherstuhl.png&bgc=ffffff

http://1.x.x.x/bmi/ (in diesem Falle 1.2.3.11 und 1.2.3.12) stellt den Proxy der Mobilverbindung dar, wodurch die Bild-Pfade natürlich nicht mehr stimmen und somit die Bilder nicht geladen werden können.

Eine kleine Quick’n'Dirty-Lösung dafür ist die folgende, einfach in der Datei typo3conf/ext/msimageflow/res/reflect3.php (bzw. reflect2.php oder reflect.php) um die Zeile 70 folgendes ergänzen. Nach

$source_image = $_GET['img'];

folgendes einfügen:

$mobileisp = strpos($source_image, 'http://1.');
if($mobileisp !== false) {
	$domain = $_SERVER['HTTP_HOST'];
	$srcimg = explode($domain, $source_image);
	$source_image = $srcimg[1];
}

Somit wird zwar der Pfad bei Nutzung von UMTS noch angepasst, allerdings mit obigem Snippet wieder herausgefiltert, und der normale Bildpfad verwendet.

Wer eine bessere Lösung kennt, immer her damit.

Textbasiertes Sprachmenü

Oliver Schlöbe — Mon, 03 Mar 2008 12:33:01 +0000

Gerade habe ich beim Entmotten ein textbasiertes Sprachmenü entdeckt, das ich hier einfach mal veröffentliche.

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:


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:'').'.htmlspecialchars($query.'&L=0').'" target="_top">'.$langtext.'';
}
if ($_GET['L'] == "0" OR empty($_GET['L'])) {
	$query = str_replace($langstrings,"",$query);
	if($langArr[1]) {
		$flags[] = ($GLOBALS['TSFE']->sys_language_uid==1?$pointer:'').'.htmlspecialchars($query.'&L=1').'" target="_top">'.($langArr[1]?'':'').'ru'.($langArr[1]?'':'').'';
	} 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.

TypoScript-Wettbewerb – Menü für TYPO3

Oliver Schlöbe — Thu, 06 Dec 2007 13:31:09 +0000

Thomas von fi-ausbilden.de hat seit etwa zwei Wochen einen interessanten TypoScript-Wettbewerb laufen. Ziel ist es, mit möglichst wenig TypoScript ein vorgegebenes Menü zu erstellen.

Zu gewinnen gibt es:

“Das TYPO3 Profihandbuch – Der Leitfaden für Entwickler und Administratoren zu Version 4.1” und die DVD “TypoScript – Video-Training“
Unter allen Teilnehmern ein Jahresabo des T3N Magazin mit einer “OpenSource” – Tasche, “Das TYPO3 Profihandbuch – Der Leitfaden für Entwickler und Administratoren zu Version 4.1″ und die DVD “TypoScript – Video-Training”

Einsendeschluss ist der 20.12.07 23:59 Uhr.

Zum Wettbewerb!

Optimiertes Sprachmenü – Reloaded

Oliver Schlöbe — Mon, 19 Nov 2007 19:08:05 +0000

Ich habe heute mehrere Stunden damit zugebracht, ein von mir optimiertes Sprachmenü anzupassen, um auch weitere Sprachen zu unterstützen. Irgendwann war dann das Maß voll, denn die Anahl der Abfragen wurde ab einem gewissen Punkt zu viel. Also, nochmal rangesetzt und in die TSRef geschaut… mit den Infos dort war es mir dann möglich, ein eigenes neues, nur auf TypoScript basierendes Sprachmenü zu erstellen. Das Ergebnis nun hier:

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

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.

(Kopie 1)-Zusatz beim Kopieren verhindern

Oliver Schlöbe — Thu, 20 Sep 2007 10:25:21 +0000

Wer viele Seiteninhalte kopiert oder übersetzen muss, und beim Kopieren der Inhalte der “(Kopie x)”-Zusatz stört, kann ihn mit diesem kleinen TSConfig-Script ausschalten:

1
2
3

TCEMAIN.table.tt_content {
  disablePrependAtCopy = 1
}

Diesen Code einfach in die TSConfig der root-Seite einfügen.

Wer das Ganze nur für Seiten deaktivieren will, nutzt folgenden leicht abgeänderten TSConfig-Code:

1
2
3

TCEMAIN.table.pages {
  disablePrependAtCopy = 1
}

Quelltext TYPO3 Kommentar erweitern

Oliver Schlöbe — Fri, 14 Sep 2007 10:10:05 +0000

Wer sich im Quellcode seiner TYPO3-Seite als Ersteller verewigen möchte, kann dies mit folgendem kleinen TypoScript-Snippet tun. Der Code wird über dem Standard-Kommentar von TYPO3-Erfinder Kasper eingefügt..

This website is powered by TYPO3 – …

Hier das Snippet:

page.config {
  headerComment (
        -----------------------------------
        |                                 |
        | TYPO3 Webseite - Programming by |
        |                                 |
        |   Firma | 2007 | www.firma.de   |
        |                                 |
        -----------------------------------
  )
}

Optimiertes Sprachmenü

Oliver Schlöbe — Tue, 14 Aug 2007 20:54:13 +0000

Veraltet! Für diesen Snippet gibt es eine bessere Lösung. Per Klick gelangen Sie zum Artikel…

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:


 
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:'').'';
} elseif (!$langArr[2]) {
	$flags[] = ($GLOBALS['TSFE']->sys_language_uid==0?$pointer:'').'';
} else {
	$flags[] = ($GLOBALS['TSFE']->sys_language_uid==0?$pointer:'').'.htmlspecialchars('index.php?id='.$GLOBALS['TSFE']->id.'&L=0').'" target="_top">';
}
 
if ($GLOBALS['TSFE']->sys_language_uid == 2) {
	$flags[] = ($GLOBALS['TSFE']->sys_language_uid==2?$pointer:'').'.($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:'').'.($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:'').'.htmlspecialchars('index.php?id='.$GLOBALS['TSFE']->id.'&L=2').'" target="_top">.($langArr[2]?'':'_d').'.gif" width="20" height="10" border="0" alt="" style="padding: 2px 2px 5px 2px; position:relative; top: 5px;" />';
}
 
$content = ''.implode('',$flags).'  ';
 
?>

Implementierung

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

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.

Sprachmenü ohne Flaggen

Oliver Schlöbe — Tue, 07 Aug 2007 20:55:03 +0000

Das Standard Sprachmenü von Typo3 arbeitet mit Flaggen. Doch abhängig vom gewählten Design kann ein rein textliches Sprachmenü von Vorteil sein. Dafür habe ich ein wenig Hand angelegt.

Das Textmenü verfügt über die selben Eigenschaften wie das Flaggen-Sprachmenü: Ausgrauen bei Nicht-Verfügbarkeit und Markierung bei Aktivität.


 
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 = 'German' : $langtext = 'Deutsch';
	$flags[] = ($GLOBALS['TSFE']->sys_language_uid==0?$pointer:'').'.htmlspecialchars($query.'&L=0').'" target="_top">'.$langtext.'';
} else {
	$query = str_replace($langstrings,"",$query);
	$flags[] = ($GLOBALS['TSFE']->sys_language_uid==0?$pointer:'').'.htmlspecialchars($query.'&L=0').'" target="_top">';
}
if ($_GET['L'] == "0" OR empty($_GET['L'])) {
	$query = str_replace($langstrings,"",$query);
	if($langArr[1]) {
		$flags[] = ($GLOBALS['TSFE']->sys_language_uid==1?$pointer:'').'.htmlspecialchars($query.'&L=1').'" target="_top">'.($langArr[1]?'':'').'English'.($langArr[1]?'':'').'';
	} else {
		$flags[] = ($GLOBALS['TSFE']->sys_language_uid==1?$pointer:'').''.($langArr[1]?'':'').'English'.($langArr[1]?'':'').'';
	}
} else {
	$query = str_replace($langstrings,"",$query);
	$flags[] = ($GLOBALS['TSFE']->sys_language_uid==1?$pointer:'').'.htmlspecialchars($query.'&L=1').'" target="_top">';
}
 
$content = implode('',$flags).' | ';
 
?>

Implementierung

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

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

(M)Ein Setup- und Konstanten-TypoScript

Oliver Schlöbe — Sun, 22 Jul 2007 20:50:25 +0000

Folgende Setups nutze ich standardmäßig für jedes neue Projekt. Deckt (fast) alle bekannten Dinge ab, die für barriere- und fehlerfreie Typo3-Layouts wichtig sind. Zudem werden einige deutsche Default-Werte für ein paar Extensions gesetzt.

Constants:

PAGE_TARGET = _self
styles.sitemap.text.target = _self
styles.content.imgtext.caption.1.wrap = |
styles.content.imgtext.caption.1.spaceBefore = 0
styles.content.imgtext.caption.1.br = 0
styles.sitemap.text.target = _self
content.pageFrameObj = _self
styles.content.mailform.badMess = Einige Felder wurden nicht ausgefüllt.
styles.sitemap.text.totalWrap = |
content.subMenuWrap = |
content.menuWrap = |
content.headerSpace = 0|0

Setup:

#Linkziele für die Sitemap-Seitentypen
tt_content.menu.20.5.1.target = _self
tt_content.menu.20.7.1.target = _self
tt_content.menu.20.7.2.target = _self
tt_content.menu.20.1.1.target = _self
tt_content.menu.20.4.1.target = _self
tt_content.menu.20.6.1.target = _self
 
tt_content.image.20.renderMethod = div
tt_content.image.20.rendering.dl.caption.if.isTrue.field = imagecaption
 
#Formatierung der CSS styled Filelinks
tt_content.uploads.20.layout {
  global = <div class="filelinks filelinks_layout_###LAYOUT###">###FILE###
  fileSize {
    layout = (###SIZE### ###SIZEFORMAT###)
    char = none
    format = auto
    desc = Bytes|KB|MB
    round = 2
  }
}
 
tt_content.uploads.20.layout.file >
tt_content.uploads.20.layout.file.cObject = COA
tt_content.uploads.20.layout.file.cObject {
  wrap = <div class="###CLASS###">|div>
  10 = TEXT
  10.wrap = <span>|span>
  10.value = <a href="###URL###" ###TARGET###>###DESCRIPTION###
  20 < .10
  20.value = <small>###FILESIZE###
}
 
tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.nonWrappedTag >
tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes.P.style =
 
#Einstellungen für barrierearmes Typo3 Kontaktform
tt_content.mailform.20 {
  accessibility = 1
  noWrapAttr=1
  formName = mailform
  REQ = 1
}
 
config {
  cache_clearAtMidnight = 1
  admPanel = 0
  noPageTitle = 1
  index_enable = 1
  index_externals = 1
  simulateStaticDocuments_addTitle = 60
  simulateStaticDocuments_pEnc_onlyP = cHash, no_cache, L, print, tx_ttnews[backPid], tx_ttnews[tt_news], tx_ttnews[pS], tx_ttnews[pL], tx_ttnews[arc], tx_ttnews[cat], tx_ttnews[pointer], tx_ttnews[swords]
  spamProtectEmailAddresses = 1
  spamProtectEmailAddresses_atSubst = &nbsp;(at)&nbsp;
  tx_realurl_enable = 0
  removeDefaultJS = 1
  removeDefaultJS = external
  doctype = xhtml_trans
  inlineStyle2TempFile = 1
  disablePrefixComment = 1
  xmlprologue = none
  xhtml_cleaning = all
  htmlTag_setParams = xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"
}
 
#RTE Tuning
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class >
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.remapTag >
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.DIV.class >
#Angabe von Tags, die nicht mit einem zusätzlichen wrap umgeben werden dürfen
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.encapsTagList = cite, div, p, pre, h1, h2, h3, h4, h5, h6
 
#Entfernt die zusätzlichen CSS-Klassen
lib.stdheader.3 = LOAD_REGISTER
lib.stdheader.3.headerClass =
lib.stdheader.3.headerClass.noTrimWrap = |
lib.stdheader.stdWrap.dataWrap = |
 
#Content Elemente aufräumen und Kommentare entfernen
tt_content.stdWrap.dataWrap >
tt_content.stdWrap.prefixComment >
tt_content.header.20.dataWrap >
tt_content.header.20.prefixComment >
tt_content.default.prefixComment >
tt_content.text.stdWrap.prefixComment >
tt_content.text.20.prefixComment >
tt_content.textpic.20.stdWrap.prefixComment >
tt_content.table.20.stdWrap.prefixComment >
tt_content.mailform.20.stdWrap.wrap >
tt_content.menu.20.stdWrap.prefixComment >
tt_content.image.20.stdWrap.prefixComment >
tt_content.list.20.stdWrap.prefixComment >
 
#Seitensprachen setzen
config.linkVars = L
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = en
config.locale_all = english
[global]
 
#tt_news Tuning-Einstellungen
plugin.tt_news.sys_language_mode = strict
plugin.tt_news.showNewsWithoutDefaultTranslation = 1
 
plugin.tt_news {
  displaySingle.age_stdWrap.age = Minute(n)| Stunde(n)| Tag(e)| Jahr(e)
  displayList.age_stdWrap.age = Minute(n)| Stunde(n)| Tag(e)| Jahr(e)
  displayList.date_stdWrap.strftime = %A, %d. %B %Y
  displaySingle.date_stdWrap.strftime = %A, %d. %B %Y | 
}
 
#indexed_search Datums-Tuning
plugin.tx_indexedsearch {
  displayList.date_stdWrap.strftime = %A, %d. %B %Y
  displaySingle.date_stdWrap.strftime = %A, %d. %B %Y | 
}
 
page = PAGE
 
#Titel-Metas schreiben
page {
  headerData {
    10 = TEXT
    10 {
      field = title
      wrap = <title>IhrWebsiteTitel/Ihr Firmenname -&nbsp;|title>
    }
  }
  headerData {
    11 = TEXT
    11.value = <meta http-equiv="Content-Script-Type" content="text/javascript" />
  }
  headerData {
    14 = TEXT
    14.value = <meta name="language" content="de" />
  }
}
 
page.includeCSS {
  file1 = 
  file1.media = screen
}
 
page.meta.description = 
page.meta.keywords = 
page.meta.robots = index,follow

Typo3 Formular stylen

Oliver Schlöbe — Sun, 22 Jul 2007 20:01:16 +0000

Hiermit lässt sich das Standard-Mailformular von Typo3 stylen.

.csc-mailform {
   border: 0px;
}
 
.csc-mailform-field label {
   font-size: 10pt;
   font-family: Helvetica, Verdana, Arial, sans-serif;
   width: 5em;
   float: left;
   text-align: right;
   margin-right: 0.5em;
   display: block;
}
 
.csc-mailform-submit {
   margin-left: 5.5em;
}