<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Matu´s Blog - Webprogrammierung und jede Menge Tipps &#38; Tricks &#187; Typo3</title>
	<atom:link href="http://einmal-am-tag.de/category/typo3/feed/" rel="self" type="application/rss+xml" />
	<link>http://einmal-am-tag.de</link>
	<description>Das Weblog zum Thema Webprogrammierung &#38; Design:(X)HTML und CSS, PHP, mySQL, CMS u.v.m.</description>
	<lastBuildDate>Sat, 10 Apr 2010 14:37:37 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Typo3 Seite kann im IE6 nicht geöffnet werden</title>
		<link>http://einmal-am-tag.de/2010-04/typo3-seite-kann-im-ie6-nicht-geoeffnet-werden/</link>
		<comments>http://einmal-am-tag.de/2010-04/typo3-seite-kann-im-ie6-nicht-geoeffnet-werden/#comments</comments>
		<pubDate>Sat, 10 Apr 2010 06:38:32 +0000</pubDate>
		<dc:creator>Matu</dc:creator>
				<category><![CDATA[Typo3]]></category>
		<category><![CDATA[headerData]]></category>
		<category><![CDATA[IE6]]></category>

		<guid isPermaLink="false">http://einmal-am-tag.de/?p=1715</guid>
		<description><![CDATA[

&#8230; wird in anderen Browsern aber normal angezeigt. Dieses Phänomen hatte ich aktuell in einem größeren Projekt zu lösen.
Genau genommen wollte ich den Quellcode der Typoscript-Datei etwas kürzen (alles schön kurz in geschweifte Klammern verpacken etc.):
...
page.10  {

	### Alles ausserhalb des Design-Template-Body ausgrenzen (sonst doppelte Header- und Body-Tags)
	workOnSubpart = DOCUMENT

	### Marker im Design-Template
	marks{
		### Angelegte Inhalte [...]]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p>&#8230; wird in anderen Browsern aber normal angezeigt. Dieses <acronym title="... sinnliche Wahrnehmung eines Ereignisses.">Phänomen</acronym> hatte ich aktuell in einem größeren Projekt zu lösen.<br />
Genau genommen wollte ich den Quellcode der Typoscript-Datei etwas kürzen (alles schön kurz in geschweifte Klammern verpacken <acronym title="et cetera ... und so weiter">etc.</acronym>):</p>
<pre>...
page.10  {

	### Alles ausserhalb des Design-Template-Body ausgrenzen (sonst doppelte Header- und Body-Tags)
	workOnSubpart = DOCUMENT

	### Marker im Design-Template
	marks{
		### Angelegte Inhalte (Seiteninhalt, Artikel) aus der Datenbank lesen und den Marker durch diese ersetzen
		MAINCONTENT &lt; styles.content.get
		SIDEBARCONTENT &lt; temp.News
...</pre>
<p>Doch nach getaner Arbeit und obligatorischem <strong>Crossbrowsertest</strong> wurde die Seite im <strong>Internet-Explorer 6</strong> nicht mehr angezeigt und brach mit folgender Fehlermeldung ab &#8230;  <span id="more-1715"></span></p>
<p><img src="http://einmal-am-tag.de/wp-content/uploads/2010/04/ie6_error.jpg" alt="Ie6 Error in " width="463" height="134" /></p>
<p>Also blieb mir nicht anderes übrig, als die gesamten Änderungen noch mal Schritt für Schritt durchzuführen, da ich mir das Problem nicht erklären konnte. An dieser Stelle lege ich jedem nahe, immer vor ab eine &#8216;old&#8217;-Datei als Sicherung anzulegen oder sofort auf eine Versionssoftware wie z.B. <strong><a href="http://subversion.apache.org/packages.html" title="Externer Link zu apache.org">Subversion</a></strong> zurück zu greifen (ein ganz heißer Tipp im professionellen Einsatz, einfach mal googlen). Wer wie ich mit einer Typoscript-angepassten Notepad++-Version arbeitet, kann auch mit STRG+Z alle Änderungen &#8216;zurückspielen&#8217;.<br />
Lange Rede, kurzer Sinn &#8230; die Lösung: Beim Einfügen eines Blocks mehrerer bzw. zusätzlicher Header-Daten (Stichwort: <strong><a href="http://www.typo3.net/tsref/setup/page/" title="Externer Link zu Typo3.net">headerData</a></strong>) wird die erste Zeile nicht ausgegeben, wenn das Einfügen der Daten <span style="text-decoration: underline;">direkt hinter</span> der runden Klammer beginnt.</p>
<pre>page.headerData.10 = TEXT
page.headerData.10.value( <span style="color:red;">&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;</span>
	&lt;script type="text/javascript"&gt;
		/*&lt;![CDATA[*/
			if (typeof jQuery === 'undefined') {
				var e = document.createElement('script');
				e.src = 'fileadmin/src/javascript/jquery-1.4.2.min.js';
				e.type='text/javascript';
				document.getElementsByTagName("head")[0].appendChild(e);
			}
		/*]]&gt;*/
	&lt;/script&gt;
	&lt;script type="text/javascript" src="fileadmin/src/javascript/jquery-ui-1.7.2.custom.min.js"&gt;&lt;/script&gt;
...
)</pre>
<p>Erst wenn die einzufügenden Daten in der nächsten Zeile beginnen, wird auch die erste in den Header übernommen. Bei dem Konstrukt oben wird zuerst die <a href="http://code.google.com/intl/de-DE/apis/ajaxlibs/documentation/" title="Externer Link zur Google-Api">Google-Api-Version</a> von <a href="http://jquery.com/" title="Externer Link zu jquery.com">jQuery</a> implementiert, was Bandbreite spart und die Downloadgeschwindigkeit der Seite erhöht, da die verschiedenen Browser auch Daten parallel laden können. Des Weiteren befindet sich das jQuery-Framework bereits im Browser-Cache, wenn der Besucher von einer Seite kommt, wo ebenfalls die Google-Api-Version eingesetzt wurde und das nachladen entfällt dann gänzlich. Sollte der Google-Server einmal nicht verfügbar sein, wird eine lokale jQuery-Datei geladen.<br />
Das in meinem Fall die erste Zeile nicht eingeladen wurde, brachte den IE6 ins Straucheln. Alle anderen Browser wie Firefox, Opera, Safari (&#8230;) zogen sich dagegen direkt die lokale Version von jQuery.<br />
Fazit: Nach der öffnenden runden Klammer erst einen Zeilenumbruch einfügen, dann klappt es auch mit <strike>der Nachbarin</strike> dem IE6:</p>
<pre>page.headerData.10 = TEXT
page.headerData.10.value(
<span style="color:red;">&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;</span>
..
)</pre>
<p>Und wieder einmal hat mir diese &#8216;Browser-Krücke&#8217; der Redmonder Bruderschaft einiges an zusätzlichen Streicheleinheiten abverlangt,<br />
aber auch einen Fehler angezeigt, den ich so schnell nicht bemerkt hätte &#8230; die Google-Api-Version von jQuery wäre nicht ausgeführt worden, da sie nicht im Header eingefügt war.<br />
Eventuell hilft es dem einen oder anderem.</p>
<p>Gruß Matu</p>
<!-- google_ad_section_end -->
]]></content:encoded>
			<wfw:commentRss>http://einmal-am-tag.de/2010-04/typo3-seite-kann-im-ie6-nicht-geoeffnet-werden/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Typo3 Last Modified (Letzte Änderung)</title>
		<link>http://einmal-am-tag.de/2010-02/typo3-last-modified-letzte-aenderung/</link>
		<comments>http://einmal-am-tag.de/2010-02/typo3-last-modified-letzte-aenderung/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 18:09:27 +0000</pubDate>
		<dc:creator>Matu</dc:creator>
				<category><![CDATA[Typo3]]></category>

		<guid isPermaLink="false">http://einmal-am-tag.de/?p=1671</guid>
		<description><![CDATA[

Bestimmt kennt jeder die auf vielen Seiten integrierte Information &#8220;Last Modified&#8221; bzw. &#8220;Letzte Änderung&#8221;, die dem Besucher anzeigt, wann die Webseite das letztmal bearbeitet wurde.
In Typo3 könnt Ihr das sehr einfach mit folgendem Codeschnipsel erledigen, den Ihr im oberen Bereich Eures Typoscript-Templates einfügt:

temp.lastmodified = TEXT
temp.lastmodified{
	data = page:SYS_LASTCHANGED
	strftime = %a, %d.%m.%Y um %H:%M
	wrap = Letzte Änderung:&#160;&#124;&#160;Uhr
}

Die [...]]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p>Bestimmt kennt jeder die auf vielen Seiten integrierte Information <strong>&#8220;Last Modified&#8221;</strong> bzw. <strong>&#8220;Letzte Änderung&#8221;</strong>, die dem Besucher anzeigt, wann die Webseite das letztmal bearbeitet wurde.<br />
In Typo3 könnt Ihr das sehr einfach mit folgendem Codeschnipsel erledigen, <span id="more-1671"></span>den Ihr im oberen Bereich Eures Typoscript-Templates einfügt:</p>
<pre>
temp.lastmodified = TEXT
temp.lastmodified{
	data = page:SYS_LASTCHANGED
	strftime = %a, %d.%m.%Y um %H:%M
	wrap = Letzte Änderung:&nbsp;|&nbsp;Uhr
}
</pre>
<p>Die Zeile mit dem <a href="http://php.net/manual/de/function.strftime.php" title="PHP-Funktion strftime">strftime</a> könnt Ihr dabei Euren Wünschen entsprechend anpassen. Wer z.B. die Zeit nicht mit angeben möchte, läßt den hinteren Teil einfach weg.</p>
<p>Weiter unten setzt Ihr dann noch einen Marker, dem Ihr dann die temp.lastmodified-Variable zuweist:</p>
<pre>
#LASTMODIFIED einfügen
  page.10.marks.LASTMODIFIED = TEXT
  page.10.marks.LASTMODIFIED < temp.lastmodified
</pre>
<p>Abschließend muss noch ein Marker in Eurem Seiten-Template eingepflegt werden, der dann durch die Zuweisung im Typoscript ersetzt wird.<br />
Dabei ist Euch überlassen, an welcher Stelle Ihr den Besucher über Eure Aktivität (oder Inaktivität) informieren wollt:</p>
<pre>
&lt;body&gt;
...
&lt;div id="footer"&gt;
###LASTMODIFIED###
&lt;/div&gt;
...
</pre>
<p>Das Besondere hierbei ist, dass dann bei jeder Seite auch die für diese Seite geltende letzte Änderung angezeigt wird.</p>
<p>Gruß<br />
Matu</p>
<!-- google_ad_section_end -->
]]></content:encoded>
			<wfw:commentRss>http://einmal-am-tag.de/2010-02/typo3-last-modified-letzte-aenderung/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Typo3 Kommentar Extension comments</title>
		<link>http://einmal-am-tag.de/2010-02/typo3-kommentar-extension-comments/</link>
		<comments>http://einmal-am-tag.de/2010-02/typo3-kommentar-extension-comments/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 17:32:36 +0000</pubDate>
		<dc:creator>Matu</dc:creator>
				<category><![CDATA[Typo3]]></category>
		<category><![CDATA[Anleitung]]></category>
		<category><![CDATA[comments]]></category>
		<category><![CDATA[Extension]]></category>

		<guid isPermaLink="false">http://einmal-am-tag.de/?p=1664</guid>
		<description><![CDATA[

Mit der Typo3-Extension comments von Dmitry Dulepov läßt sich auf recht einfache Weise eine Kommentarfunktion mit Captcha gegen Spam in eine Typo3-Webseite integrieren, die auch Extensions wie tt_news unterstützt.
Installation:
Zunächst muss die Extension vom Typo3 Extension Repository auf den eigenen PC runtergeladen werden (Anmerkung: Nicht immer sind alle Extensions über den Erweiterungsmanager verfügbar, daher empfinde ich [...]]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p>Mit der Typo3-Extension <strong>comments</strong> von Dmitry Dulepov läßt sich auf recht einfache Weise eine <strong>Kommentarfunktion</strong> mit <strong>Captcha</strong> gegen Spam in eine <strong>Typo3</strong>-Webseite integrieren, die auch Extensions wie tt_news unterstützt.</p>
<p>Installation:<br />
Zunächst muss die Extension vom <strong>Typo3 Extension Repository</strong> auf den eigenen PC runtergeladen werden <span id="more-1664"></span>(Anmerkung: Nicht immer sind alle Extensions über den Erweiterungsmanager verfügbar, daher empfinde ich diesen Weg als angenehm, zumal dann die entsprechenden Extension für zukünftige Projekte lokal vorliegen &#8211;> Updates im Auge behalten).<br />
Zusätzlich zur <strong>comments</strong>-Extension muss noch die Extension <strong>pagebrowse</strong> (ebenfalls Dmitry Dulepov) runtergeladen werden, ansonsten erscheint folgende Fehlermeldung (nach dem comments installiert wurde), die auf diese Extension hinweist:<br />
<em>No comments  Warning: Page browser configuration is absent. Please, make sure that you added TS template from the &#8216;pagebrowse&#8217; extension before  TS template from the &#8216;comments&#8217; extension. See the example below.</em></p>
<p><a href='http://einmal-am-tag.de/wp-content/uploads/2010/02/comments_pagebrowse_fehlermeldung.jpg' rel="lightbox" title='Typo3 Comments Pagebrowse Fehlermeldung'><img src="http://einmal-am-tag.de/wp-content/uploads/2010/02/comments_pagebrowse_fehlermeldung.jpg" alt="Comments Pagebrowse Fehlermeldung in " width="300" height="200" /></a></p>
<p>Um die Kommentare letztendlich noch gegen Spam absichern zu können, sollte die Extension <strong>freeCap</strong> (Captcha von Stanislas Rolland) ebenfalls mit runtergeladen werden &#8230; diese kann dann später während der Konfiguration eingefügt werden (als Alternative kann auch die weniger &#8220;sexier&#8221; Captcha-Extension von Kasper Skaarhoj genommen werden).<br />
Zunächst die Links zu den einzelnen Extensions:</p>
<ul>
<li><a href="http://typo3.org/extensions/repository/view/pagebrowse/current/" title="pagebrowse-Extension">pagebrowse</a></li>
<li><a href="http://typo3.org/extensions/repository/view/comments/current/" title="comments-Extension">comments</a></li>
<li><a href="http://typo3.org/extensions/repository/view/sr_freecap/current/" title="freecap-Extension">freeCap</a></li>
</ul>
<p>Wenn die Extensions lokal auf Eurem Rechner vorliegen, könnt Ihr sie nun über den Extensionmanager im Backend Eurer Typo3-Seite der Reihe nach installieren (ich denke dieser Vorgang sollte klar sein). Wie bei allen Extensions hierbei lieber einmal mehr auf &#8220;Update&#8221; klicken als zu wenig.<br />
Nach diesem Schritt <strong>müssen</strong> noch die 2 statischen Templates von pagebrowse und comments in dieser Reihenfolge Eurem Seitentemplate hinzugefügt werden (Seitenbaum unter Templates &#8211;> <em>Click here to edit whole template record</em>). </p>
<p><a href='http://einmal-am-tag.de/wp-content/uploads/2010/02/comments_template_einbinden' rel="lightbox" title='Typo3 Comments und Pagebrowse Template einbinden'><img src="http://einmal-am-tag.de/wp-content/uploads/2010/02/comments_template_einbinden" alt=" in " width="300" height="200" /></a></p>
<p>Nun erstellt Ihr in Eurem Navigations-bzw. Seitenbaum einen neuen Ordner und betitelt ihn z.B. als &#8220;Commentscontainer&#8221; (Euch fällt bestimmt was besseres ein), der sichtbar ist, jedoch nicht im Menu erscheint. Als <strong>Typ</strong> gebt ihr <strong>&#8220;SysOrdner&#8221;</strong> an &#8230; das war´s an dieser Stelle.</p>
<p>Auf der Seite, die eine Kommentarfunktion erhalten soll, muss nun nur noch ein Inhaltselement vom Typ <strong>Commenting System</strong> (Kommentarsystem) eingefügt werden. </p>
<p><a href='http://einmal-am-tag.de/wp-content/uploads/2010/02/comments_seiteninhaltselement.jpg' rel="lightbox" title='Typo3 Comments Seiteninhalt einbinden'><img src="http://einmal-am-tag.de/wp-content/uploads/2010/02/comments_seiteninhaltselement.jpg" alt="Comments Seiteninhaltselement in " width="300" height="200" /></a></p>
<p>Zum Kommentieren von News-Nachrichten bietet sich hierfür die Seite mit der Single-Ansicht an.<br />
Unter <strong>Modus</strong> im Reiter <strong>Plug-In &#8211;> Allgemein</strong> kann <strong>&#8220;Comment listing&#8221;</strong> und <strong>&#8220;Comment form&#8221;</strong> bzw. in der deutschen Übersetzung &#8220;Liste der Kommentare&#8221; und &#8220;Kommentarformular&#8221; beibehalten werden. Als Präfix muss bei normalen Seiten &#8220;pages&#8221; eingetragen werden und z.B für tt_news das externe Präfix &#8220;tx_ttnews&#8221;. Zum Speichern der Datensätze bzw. der Kommentare müßt Ihr noch den zuvor angelegten &#8220;Syscontainer&#8221; auswählen.</p>
<p><a href='http://einmal-am-tag.de/wp-content/uploads/2010/02/comments_plugin_allgemein.jpg' rel="lightbox" title='Typo3 Comments Plug-In Allgemein'><img src="http://einmal-am-tag.de/wp-content/uploads/2010/02/comments_plugin_allgemein.jpg" alt="Comments Plugin Allgemein in " width="300" height="200" /></a></p>
<p>Im nächsten Reiter <strong>Plug-In &#8211;> Erweitert</strong> kann noch die gewünschte Anzahl der Kommentare angegeben werden, die pro Seite erscheinen soll. Ihr könnt auch die Dauer der Kommentarfunktion einstellen (&#8230;).</p>
<p><a href='http://einmal-am-tag.de/wp-content/uploads/2010/02/comments_erweitert.jpg' rel="lightbox" title='Typo3 Comments Anzahl der Kommentare angegeben'><img src="http://einmal-am-tag.de/wp-content/uploads/2010/02/comments_erweitert.jpg" alt="Comments Erweitert in " width="300" height="200" /></a></p>
<p>Abschließend kann im letzten Reiter <strong>Anti-Spam</strong> nun noch die im oberen Teil installierte Captcha-Extension sr_freecap ausgewählt werden. Den Haken für die Freigabe der Kommentare sollte gesetzt sein &#8230; so könnt Ihr erst einmal gegenlesen bzw. überprüfen, was als Kommentar abgegeben wurde.</p>
<p><a href='http://einmal-am-tag.de/wp-content/uploads/2010/02/comments_antispam.jpg' rel="lightbox" title='Typo3 Comments Antispam'><img src="http://einmal-am-tag.de/wp-content/uploads/2010/02/comments_antispam.jpg" alt="Comments Antispam in " width="300" height="200" /></a></p>
<p>Wenn Ihr nun die Seite aufruft, in die Ihr das Inhaltselement mit der Kommentarfunktion eingebaut habt, dann sollte dort nun das Formular erscheinen und es können erste (Test-) Kommentare verfasst werden. Diese dann unter &#8220;Liste&#8221; im Typo3-Baum in Eurem Sysordner gegenlesen und freigeben. Sollten die Kommentare nicht sofort erscheinen &#8230; richtig, erst den Cache leeren.</p>
<p><a href='http://einmal-am-tag.de/wp-content/uploads/2010/02/comments_formular_komplett.jpg' rel="lightbox" title='Typo3 Comments Formular'><img src="http://einmal-am-tag.de/wp-content/uploads/2010/02/comments_formular_komplett.jpg" alt="Comments Formular Komplett in " width="300" height="200" /></a></p>
<p>Sollte nichts angezeigt werden, dann überprüft noch einmal, ob Ihr die Templates ordnungsgemäß eingebunden habt!!! </p>
<p>Um die Schrift des Formulars in Deutsch anzeigen zu lassen, müßt Ihr (wie oft üblich, z.B. auch bei Indexed Search) im Extension-Manager unter Translation Handling noch mal bei den Translation Settings die deutsche Sprache vom Repository uploaden. Danach sollte alles in Deutsch angezeigt werden.</p>
<p>Um das Aussehen des Formulars zu ändern, könnt Ihr die CSS-Datei unter <em>/euer_root_verzeichnis/typo3conf/ext/comments/res/pi1.css</em> bearbeiten &#8230; dort liegt auch die Template-Datei. Kleiner Tip: Die Originaldateien umbennen (einfach _old einfügen) und dann mit einer Kopie derselben arbeiten. So habt Ihr die Originaldatei als Sicherheit, falls mal etwas schief laufen sollte.<br />
Oder die Datei in den fileadmin kopieren und dort bearbeiten. Dann muss natürlich noch der Pfad in der Extension angepasst werden.</p>
<p>Viel Spaß<br />
Matu</p>
<!-- google_ad_section_end -->
]]></content:encoded>
			<wfw:commentRss>http://einmal-am-tag.de/2010-02/typo3-kommentar-extension-comments/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
