rainbow_six's Typo3 Blog

Lupe zum Vergrößern von Bildern anzeigen (click enlarge)

2008-06-27T13:30:00.003+02:00

Servus!
Also, es gibt mal wieder einen neuen Typoscript Hack von mir.
Diesmal war das Problem folgendes: Kunde wollte ein Bild auf seiner Webseite, dass beim Klick darauf vergrößert wird. Standardmäßig ja erstmal kein Problem.
Jetzt soll aber unter dem Bild eine kleine Lupe angezeigt werden, die beim Klick darauf das gleiche tut - sprich das eigentliche Bild vergrößern. Neben der Lupe soll dann die Bildcaption stehen.

Lösung:

tt_content.image.30 < tt_content.image.20
tt_content.image.30 {
    1.stdWrap {
        HTMLparser = 1
        HTMLparser.tags.a = 1
        HTMLparser.tags.img.fixAttrib.src.set = fileadmin/template/icons/zoom_in.jpg
        HTMLparser.tags.img.fixAttrib.width.set = 40
        HTMLparser.tags.img.fixAttrib.height.set = 40

        if {
            value.field = image_zoom
            equals = 1
        }
    }
}
tt_content.image.20 {
    caption.1.stdWrap.if {
        value.field = image_zoom
        equals = 1
        negate = 1
    }
}

Anpassen müsst ihr eigentlich nur die Zeilen 6, 7 und 8. Der Pfad zu eurer "Lupe" muss logischerweise stimmen und die Breite bzw. Höhe auch, da sonst die Lupe auf die Größe des Originalbildes aufgebläht wird.
Das war's dann auch schon. So wird die Lupe nur angezeigt wenn die Checkbox "Click enlarge" angeklickt ist - die Caption wird auch nur in diesem Fall in die Lupenbox geschoben.

Rootlevel durchlaufen bis ein Wert gefunden wurde

2008-03-12T13:06:00.003+01:00

Sooo, ist jetzt schon relativ lange her, dass ich mal wieder was geschrieben habe.
Heute geht's darum, dass auf einer Seite der Alias der aktuellen Seite ausgegeben werden soll. Ist dieser nicht gesetzt, soll der Alias der nächst höheren Seite ausgegeben werden. Ist der auch nicht gesetzt, der der nächst Höheren, usw. usf.

Das ist relativ einfach.
Mit folgendem Typoscript könnt Ihr genau das erreichen:

temp.showAlias = TEXT
temp.showAlias.data = levelfield : -1 , alias , slide

Die "data" Eigenschaft von stdWrap ist vom Typ "getText". Hier findet Ihr eine nähere Beschreibung dazu.

RTE(HTMLArea): Absatz- und Textauswahl definieren

2007-05-02T19:12:00.000+02:00

So, nach langer Zeit mal wieder ein neuer Eintrag...
Ich habe mich mal wieder mit einem Typo3 Problem beschäftigt und auch eine Lösung gefunden ;-).
Problem: Kunde möchte im RTE Text markieren und den dann rot machen. Das geht natürlich auch über den Color-Picker, aber ihr kennt das ja bestimmt: Sobald man dem gemeinen Editor mehr Optionen als nötig gibt, müssen alle natürlich auch irgendwie irgendwo in die Webseite verwurstet werden. Als Entwickler bekommt man darüber relativ schnell graue Haare, da es wahrscheinlich auch sechs Monate vorher noch gehießen hat "Die Seite muss genau unserem Styleguide entsprechen!!" und man sich dafür den A*sch aufgerissen hat... naja, zur Lösung...
In eurer Page TSConfig muss folgendes rein:


RTE.config.tt_content.bodytext {
  proc.allowedClasses = redtext
}
RTE.default {
 # Nur um sicher zu gehen dass auch alle
 # Felder da sind...
 showButtons = *
}
RTE {
 classes {
   redtext {
     name = Rot
     value = color: #AA0000;
   }
   important {
     name = Wichtig
     value = color: #00FF00;
   }
 }
 default {
   classesCharacter = redtext
   classesParagraph = important
   contentCSS = fileadmin/_system/rte.css
 }
}

So, jetzt erstellt ihr eine CSS Datei mit dem abstrakten Namen rte.css.
In der steht Folgendes:


span.redtext {
 color: #AA0000;
}

p.important {
 color: #00FF00;
}

Ladet die Datei in das Verzeichnis fileadmin/_system (oder wohin auch immer - ihr müsst dann nur oben den Pfad anpassen).
Leert zur Sicherheit mal alle Caches und schon solltet Ihr beim Markieren eines Textteils in eurer Text Dropdownliste die Option <Rot> haben. Klickt Ihr in einen Absatz, solltet ihr <Wichtig> sehen.

Das war eigentlich alles in allem nichts schweres, aber kann trotzdem Zeit fressen.

Individuelle Character Sets im Backend

2007-01-16T11:16:00.000+01:00

So, nachdem ich gut fünf Stunden damit verbracht habe herauszufinden warum die Website eines Kunden so dermaßen zerschossen dargestellt wurde (nur in der japanischen Sprachvariante), bekommt Ihr die Lösung quasi auf dem Silbertablett serviert.
Zunächst mal meine Problembeschreibung:
Unser Kunde lieferte japanische Texte (Website existierte bereits auf Deutsch [Standard], Englisch und Chinesisch [simplified]). Nach dem unser Praktikant einen Großteil der japanischen Texte eingepflegt hatte ist dann aufgefallen, dass bei einigen Zeichen der HTML Code zerstört wird.
Nach ewigem hin und her haben ich dann festgestellt, dass das japanische Character Set für das japanische Sprachpaket (csh_jp [ja, die Typo3 Version ist noch nicht 4.0]) mit shift_jis nicht mit den vom Kunden gelieferten Word Dokumenten kompatibel war (die waren im Character Set euc-jp codiert).
Jetzt könnte man natürlich argumentieren: "Warum hast du nicht forceCharset im Installtool auf UTF-8 gesetzt?? Dann wär das Problem nicht mehr vorhanden..."
Meine Antwort darauf: "Klar - vollkommen sinnige Antwort, allerdings war niemand so wirklich scharf darauf dem Kunden zu erklären warum seine deutschen Texte alle erneut eingepflegt werden müssen. Und... achja hatte ich ja erwähnt - da war ja auch noch eine chinesische Variante..."
Fazit: Wir müssen das BE irgendwie in euc-jp umstellen (das FE ist ja relativ simpel umzustellen).

Die schlechte Nachricht zuerst: Außer mit forceCharset lässt sich die Codierung im Backend nicht überschreiben.
Jetzt die Gute: Allzu schwer ist es trotzdem nicht - wenn man weiß wo man hin muss...

Lösung:

Man öffne die Datei typo3/t3lib/class.t3lib_cs.php.
Ungefähr in Zeile 356 steht folgender Code:

    var $lang_to_charset_unix=array(
       'west_european' => 'iso-8859-1',
       'estonian' => 'iso-8859-1',
[...]
       'chinese' => 'gb2312', // = euc-cn
       'japanese' => 'euc-jp',
       'korean' => 'euc-kr',
[...]
   );

Im nächsten Array steht das gleiche für Windows, bloß dass hier als Charset für Japanisch shift_jis steht. Dies muss durch euc-jp ersetzt werden. Als letztes muss im übernächsten Array ($charSetArray) unter dem Index jp ebenfalls euc-jp eingetragen werden.
Jetzt müsst Ihr die Datei nur noch hochladen und voilá - euer Backend erstrahlt in neuer Codierung.

Achja, für's Frontend müsst Ihr in eurem TypoScript Template folgende Zeile einfügen:

config.renderCharset = euc-jp

Ich hoffe das hat euch einiges an Zeit gespart.

Section Header einbauen

2007-01-15T12:45:00.000+01:00

Wenn Ihr sog. Section Headers einbauen wollt, könnt Ihr dafür das folgende TypoScript verwenden:

temp.CurrentPage = HMENU
temp.CurrentPage {
 special = rootline
 special.range = 1|1
 1 = TMENU
 1.NO.doNotLinkIt = 1
 1.NO.allWrap = <div class="current_page"> | </div>
}

Was sind Section Header?
Also, wir gehen davon aus, Ihr habt auf eurer Seite eine Navigation mit den Punkten
Über uns, Referenzen und Kundenbereich.
Klickt ein Besucher jetzt zum Beispiel auf Kundenbereich habt Ihr Links eine Navigation, die die Unterpunkte von Kundenbereich anzeigt. Gleichzeitig möchtet Ihr aber auch für alle Seiten unter Kundenbereich anzeigen, dass Sie sich unter der Sektion (Section) Kundenbereich befinden.
Klickt sich ein Besucher dann z.B. in den folgenden Pfad
Kundenbereich >> Geschützer Bereich >> Downloads
soll das Label für Section Header trotzdem Kundenbereich anzeigen.
So, ich hoffe das war einigermaßen verständlich ;-)

BUGFIX: tt_news Single Ansicht auf pid_list beschränken

2006-08-30T17:01:00.000+02:00

Folgendes Problem gab es heute bei mir: Ein Typo3 (4.0.1) Projekt hat zwei unabhängige Bäume. Nennen wir den Ersten "Internet" und den Zweiten "Extranet".
Beide Bäume haben jeweils eine sys_folder, die nur News Artikel (tt_news, 2.4.0) beinhalten. Die Artikel im "Extranet" haben also eine andere PID als die aus dem "Internet" Baum.
Im TypoScript Template habe ich unter den Constants also folgendes geschrieben:

# Internet TS Template
plugin.tt_news.pid_list = 19

# Extranet TS Template
plugin.tt_news.pid_list = 90

Das hat auch alles in der LIST oder LATEST Ansicht wunderbar geklappt. Beim Testen hab ich aber gemerkt, dass man im "Internet" Baum in der SINGLE Ansicht über die Manipulation der tx_ttnews[tt_news] Variablen auch die Artikel aus dem Extranet lesen kann. Dem "Internet" Baum wurde nirgendwo die PID 90 (also die UID der sys_folder des Extranet Baums) mitgeteilt.
Um das zu beheben, geht Ihr einfach wie folgt vor:
Öffnet die class.tx_ttnews.php in einem Editor.
Sucht die Definition der Funktion displaySingle() (etwa bei Zeile 510).
Das sollte dann in etwa so aussehen:

function displaySingle() {
$singleWhere = 'tt_news.uid=' .
  intval($this->tt_news_uid);
$singleWhere .= ' AND type NOT IN(1,2)' .
  $this->enableFields; // only real news -> type=0

Jetzt fügt Ihr einfach noch diese Zeile darunter ein:

$singleWhere .= ' AND pid IN (' .
  $this->pid_list . ')';

und siehe da - die SINGLE Ansicht hält sich plötzlich auch an Euer TypoScript.

Icons im RTE anzeigen/ausblenden

2006-08-22T19:23:00.000+02:00

Um im neuen RTE (Typo3 > 3.8) Icons anzuzeigen, macht ihr am besten folgendes in eurer TSConfig:

RTE.default.showButtons = *

Mit

RTE.default.hideButtons = chMode,outdent,...

könnt Ihr nun einzelne Buttons entfernen.
Folgende Schlüsselwörter steehen euch zur Verfügung:

textstyle, textstylelabel, blockstyle, blockstylelabel, bold, italic, underline, left, center, right, orderedlist, unorderedlist, insertcharacter, line, link, image, removeformat, table, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, findreplace, insertcharacter, undo, redo, showhelp, about, fontstyle, formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, chMode, inserttag, outdent, indent, justifyfull, subscript, superscript, acronym, copy, cut, paste

Zeilenumbrüche im RTE als BR speichern

2006-04-10T11:28:00.000+02:00

Wenn euch der RTE nervt, indem er ständig alle BR in P konvertiert, hilft euch folgende TSConfig weiter. Kopiert einfach folgende Zeile in das TSConfig Feld eurer Root Seite:

RTE.default.proc.dontConvBRtoParagraph = 1

Fehlende Felder bei dem erweitern einer Tabelle (bei der Extensionentwicklung)

2005-11-21T14:42:00.001+01:00

Falls Ihr eine Extension entwickelt und euch dann, obwohl Ihr "Apply a set of extended fields" beim FE Plugin angegeben habt, ein oder mehrere Felder fehlen, könnt Ihr das ganz einfach so lösen:
Öffnet die ext_tables.php (in eurem Extension Verzeichnis).
Sucht nun folgenden Code:

t3lib_div::loadTCA("tt_content");
t3lib_extMgm::addTCAcolumns("tt_content",$tempColumns,1);

jetzt fügt einfach noch folgende Zeile hinzu:

$TCA['tt_content']['types']['list']['subtypes_addlist']
  [$_EXTKEY.'_pi1'] = 'tx_smartimggal_categories';

wobei 'tx_smartimggal_categories' durch das von Euch erstellte Feld ersetzt werden muss. Wenn Ihr mehrere Felder habt, könnt Ihr die einfach durch ein Komma trennen.

Dynamische Inhalte mit Typolinks im Seiten Caches

2005-11-08T11:22:00.000+01:00

Bei der Extensions für Typo3 werdet Ihr wahrscheinlich öfters mal Extension mit dynamischen Inhalten erstellen (z.B. eine FAQ o.ä.).
Ich habe das Problem bei einem Glossar gehabt und nehme dieses jetzt auch Beispiel für die Lösung.
Mein Problem sah folgendermaßen aus: Ich habe ein Glossar, das eine Zeile mit allen Buchstaben des Alphabets als Links beinhaltet. Diese dienen als Filter um nur Schlagwörter mit dem Anfangsbuchstaben "a", "b", "c", etc. anzuzeigen. Die Links selber verweisen aber immer auf die gleiche Seite und hängen nur ein "&tx_myext_pi1[lchar]=a" an. Das wiederum funktioniert nicht mit aktiviertem Caching. So würde die Seite mit dem ersten aufgerufenen Buchstaben im Cache gespeichert und unabhängig vom gewählten Buchstaben angezeigt (da ja alle Buchstaben auf der selben Seite angezeigt werden).
Die Lösung für dieses Problem ist relativ simpel. Fügt einfach folgende Zeile in eure Klasse ein:

var $pi_checkCHash = TRUE;

Auf deren Bedeutung gehe ich nicht näher ein; wen es aber interessiert, kann es hier nachlesen.
Jetzt wird das Caching deaktiviert wenn im Link nicht der passende cHash mitübergeben wird. Um diesen Zu generieren fügt Ihr einfach folgenden Php Code in eurer main() Methode ein:

// Diese Zeile erstellt ein Objekt der Klasse 'cObj'
$this->local_cObj = t3lib_div::makeInstance("tslib_cObj");
// Hier setzt Ihr die Zielseite 
// (in diesem Fall die gleiche)
$this->local_cObj->setCurrentVal($GLOBALS['TSFE']->id);

$this->typolink_conf = $this->conf["typolink."];
$this->typolink_conf["parameter."]["current"] = 1;
$this->typolink_conf["additionalParams"] =
  $this->cObj->stdWrap(
    $this->typolink_conf["additionalParams"],
    $this->typolink_conf["additionalParams."]
  );

// Diese Zeile ist wichtig um eure Konfiguration im 
// Script wieder aufzuheben
unset($this->typolink_conf["additionalParams."]);

Jetzt habt Ihr eure Typolinks vorkonfiguriert.
Um euren Link jetzt schlussendlich zu generieren, müsst Ihr folgenden Code verwenden:

$temp_conf = $this->typolink_conf;
// Hier könnt Ihr eure GET Variablen anhängen
$temp_conf["additionalParams"] .= "&tx_myext_pi1[char]=a";
// Ich möchte nur eine URL, keinen kompletten Link
$temp_conf["returnLast"] = 'url';
// Ich möchte auch das Caching verwenden
$temp_conf["useCacheHash"] = 1;
// $the_link enthält nun meine generierte URL
// Wenn Ihr einen kompletten Link möchtet, 
// entfernt die 'returnLast' Zeile und gebt als 
// ersten Parameter, der hier "" ist, eure Beschriftung an.
$the_link = $this->local_cObj->typolink("", $temp_conf);

Und siehe da - alles funktioniert und eure Seite wird auf Ebene der GET Parameter in Verbindung mit der Seiten ID gespeichert.
Ihr könnt natürlich auch weitere Typolink Parameter hinzufügen.

Anmerkung: Der Typolink Teil stammt nicht von mir, sondern ursprünglich von typo3.hachmeister.org. Ich habe diesen zwar verändert, aber der ursprüngliche Code stammt von eben jener Website. Ich habe ihn der inhaltlichen Vollständigkeit halber hierhin übernommen.

Quicksearch mit indexed_search

2005-10-31T10:03:00.000+01:00

Wenn Ihr eine Quicksearch Funktion haben wollt, die auf eine Seite mit der indexed_search verweisen soll, könnt Ihr das mit dem folgenden Code lösen:
In eurem HTML Template sollte ungefähr folgendes stehen:

<form action="###LINK_QUICKSEARCH###" method="POST">
  <input name="tx_indexedsearch[type]" value="1"
    type="hidden">
  <input value="flat" name="tx_indexedsearch[group]" 
    type="hidden">
  <input value="0" name="tx_indexedsearch[sections]" 
    type="hidden">
  <input name="tx_indexedsearch[_sections]" value="0" 
    type="hidden">
  <input name="tx_indexedsearch[pointer]" value="0" 
    type="hidden">
  <input name="tx_indexedsearch[ext]" value="0" 
    type="hidden">
  Suche <input type="text" name="tx_indexedsearch[sword]">
  <input type="submit">
</form>

Die HIDDEN Felder könnt Ihr natürlich an Eure Ansprüche anpassen.
###LINK_QUICKSEARCH### enthält später den Pfad zu Eurer Suchseite.
In Eurem Template müsst Ihr jetzt noch folgendes Typoscript einfügen:

temp.LinkQuickSearch = TEXT
temp.LinkQuickSearch.typolink.parameter = 13
temp.LinkQuickSearch.typolink.returnLast = url

Die 13 muss natürlich eure entsprechende ID der Seite mit dem indexed_search Plugin sein.
Zum Schluss müsst Ihr das ganze an euer Template übergeben:

page.10.marks.LINK_QUICKSEARCH < temp.LinkQuickSearch

Hinweis: Falls Ihr Euer HTML Template mit dem Template Auto Parser verarbeitet und Ihr die Option relPathPrefix verwendet, müsst Ihr noch folgendes hinzufügen:

plugin.tx_automaketemplate_pi1.relPathPrefix.FORM = ./

Logo mit ALT-Text zur Startseite verlinken

2005-10-26T14:43:00.000+02:00

Falls Ihr wie auf vielen Webseiten zu sehen, ein Logo (z.B.) oben rechts habt, dass dauerhaft auf die Startseite verlinkt werden soll und zugleich deren Titel als ALT-Text haben soll, könnt Ihr einfach dieses Typoscript Schnipsel verwenden:

temp.Logo = IMAGE
temp.Logo.file = fileadmin/_system/img_frontend/logo.gif
temp.Logo.altText.data = DB : pages:2:title
temp.Logo.stdWrap.typolink.parameter = 2

Das würde jetzt dauerhaft auf die Seite mit der ID 2 verweisen.
Mit .data = DB : pages:2:title sagt Ihr Typo, dass es sich um ein Datenfeld handelt und die Daten aus der Datenbank (DB) kommen - um genau zu sein aus Tabelle pages. Der Datensatz darin hat die ID 2 (pages:2) und wir wollen das Feld title.

Am Ende könnt Ihr den temp.Logo Datensatz dann einem Marker oder Subpart zuweisen.

page.10.marks.LOGO < temp.Logo

Eröffnung

2005-10-07T15:34:00.000+02:00

So, dann heiße ich Euch ab heute alle in meinem Typo3 Blog willkommen.
Da ich in letzter Zeit (hauptsächlich beruflich bedingt) sehr viel mit Typo3 arbeite, habe ich mit der Zeit natürlich auch die ein oder anderen (großen) Probleme gehabt, an denen ich schon etwas länger saß.
Um euch diese Probleme zu ersparen, findet Ihr hier meine Lösungen dazu. Es mag sein, dass es sich hierbei nicht unbedingt immer um die elegantesten Wege handelt, jedoch tun sie das was sie sollen.
Falls Ihr Vorschläge und/oder Fragen habt, könnt Ihr diese einfach in die Kommentare posten oder Ihr schreibt eine Email an rainbow_six at typo3-blog.de.