Zur Zeit wird gefiltert nach: Webentwicklung
Filter zurücksetzen
28.06.201021:12

TYPO3 4.4 - Probleme mit CSS in Backend Modulen

Beim Update von TYPO3 auf Version 4.4 wurde ein nettes neues Feature eingeführt: Kompression von JavaScript und CSS Dateien sowie die Auslieferung zum Client per gzip inklusive Versionierung per timestamp.

 

Dazu müssen folgende ConfVarsin der localconf.php gesetzt werden:


$TYPO3_CONF_VARS["BE"]["compressionLevel"] und $TYPO3_CONF_VARS['BE']['versionNumberInFilename']
Neue ConfVars in TYPO3 4.4
und die .htaccess Datei angepasst werden.Das sorgt für mehr Performance in Frontend und Backend, hat aber auch zur Folge das, zumindest bei mir, einige CSS Files nicht mehr korrekt eingebunden wurden -- genauer gesagt wurden die Dateien ohne Inhalt ausgeliefert. Da ich fürs Frontend ohnehin lieber die Extension scriptmerger nutze (die neben gzip und Minifizierung noch einige nützliche Funktionen mehr bietet), wäre auch das Abschalten der Funktion ausreichend gewesen. Aus mir unerfindlichen Gründen wollte das aber auch nicht funktionieren.

Ganzen Artikel lesen

24.06.201020:08

Mehrsprachige TYPO3 Extensions: getRecordOverlay richtig einsetzen

Bei der Entwicklung mehrsprachiger Extensions für TYPO3 kommt man früher oder später in die Verlegenheit die richtigen (also in der benötigten Sprache) Datensätze aus der Datenbank zu holen. Viele Entwickler nutzen dazu eigene WHERE Anweisungen mithilfe derer sie den richtigen Datensatz ermitteln. Das sieht dann oftmals so aus:


$where = 'uid = '.$uid.' AND  sys_language_uid = '.$GLOBALS['TSFE']->sys_language_uid.' AND hidden = 0 AND deleted = 0';
Schlechtes Beispiel für eine TYPO3 Datenbankabfrage
Die benötigte Sprache wird direkt gesetzt was zur Folge hat das man evtl. keinen Datensatz geliefert bekommt. Dies ist logischerweise dann der Fall wenn Der Datensatz noch nicht in die betreffende Sprache übersetzt wurde. Hört sich doch gar nicht so übel an? Nicht ganz. Einerseits  bricht man mit den Coding Guidelines und andererseits macht man ein tolles TYPO3 Feature zunichte: den localization mode. Mit dem localization mode kann das Verhalten von TYPO3 bei Mehrsprachigkeit, oder besser das Verhalten von TYPO3 bei fehlenden Sprachdatensätzen, konfigurieren.

Ganzen Artikel lesen

06.06.201019:49

jQuery ARIA with browser history support: tabs, lightbox and sortable tables

A few month ago I received some requests about adding browser history support and browser title support to my jQuery ARIA widgets . As this would be nice feature for both, usability and accessibility, I allocated some time to get this done.

Ganzen Artikel lesen

02.05.201012:35

TYPO3: innerhalb von Extension Modulen bestimmte Funktionen deaktivieren

Viele Extensions in TYPO3 bieten ein Modul im Backend an um zum Beispiel Datensätze zu betrachten oder um Konfigurationenzu erstellen. Die meisten dieser Module sind, wie zum Beispiel das TemplaVoila Seitenmodul, nur für Administratoren zugänglich.

Allerdings gibt es auch Extensions die für einfache Redakteure nützlich sind. Hierzu gehören zum Beispiel Formular-Extensions wie powermail oder formhandler.

 

Im Falle von formhandler ist das BE-Modul für normale User noch nicht ganz ausgereift. Es fehlen Möglichkeiten die Funktionen für einfache BE Redakteuere zu beschränken. Mit meinem kleinen Patch kann man den Zugriff auf Formulardaten bestimmter Seiten beschränken und die Ausgabe vorsortieren. Das Patch wurde für einen Kunden meines Arbeitgeber Paints Multimedia in Hamburg entwickelt.

 

Um in einem Extension Modul eine Funktion (definiert durch die Selectbox rechts oben) zu deaktivieren kann man folgendes Snippet in die TSconfig des Users, der BE Gruppe oder der Seite einfügen:

 

<code> mod.web_txformhandlermoduleM1.menu.function.2 = 0 </code>

 

Dabei kann man sich an dem Namen des Moduls innerhalb der conf.php orientieren:

 

<code> $MCONF['name'] ='web_txformhandlermoduleM1'; </code>

 

Das Beispiel blendet die "Leere Tabelle" Funktion der Extension formhandler aus.

 

 

Anders als in der offiziellen Anleitung beschrieben muss das array menu.function und NICHT menu.mode heißen.

22.04.201021:08

jQuery Accessible Rich Internet Applications jetzt für jQuery 1.4 und UI 1.8

Schon seit einigen Monaten steht fest das mit der neuen Version des Java-Script Frameworks jQuery und dessen Widget Palette jQuery UI einige Anpassungen an eigenen Scripten erfolgen muss. Mit dem final Release von Version jQuery 1.4.2 und UI 1.8 habe ich endlich das Ergebnis meiner Diplomarbeit modifiziert.

Im folgenden ein kleiner Erfahrungsbericht vom Upgrade auf jQuery 1.4.2 und jQuery UI 1.8. Die Links dürften gut als Tutorial dienen.



Ganzen Artikel lesen

11.04.201013:09

T3Blog mit Wordpress Cumulus Tag Cloud

Eine der schönsten Tag Clouds für Blogs ist ganz eindeutig die Cumulus Tag Cloud Extension für Wordpress . Diese Extension wurde bereits als t3m_cumulus_tagcloud Extension für TYPO3 adaptiert. Um diese Erweiterung für meinen t3blog betriebenen Blog nutzbar zu machen war eine kleine Anpassung nötig, die ich hier gerne zur Verfügung stellen möchte.

Ganzen Artikel lesen

07.02.201016:47

beautyOfCode Syntax Highlighter als TYPO3 Extension veröffentlicht

Please click here for an English version of this article.

Seit diesem Wochenende ist meine erste TYPO3 Extension im TER verfügbar:  beautyOfCode Syntax Highlighter Diese Extension nutzt das jQuery Plugin beautyOfCode von Lars Corneliussen um das mittlerweile recht bekannte Syntax Highlighter 2.0 von Alex Gorbatchev zu implementieren. Bekannt deshalb weil es von einigen Größen eingesetzt wird: wordpress.com, Aptana, Mozilla Developer Center, SitePoint und das Yahoo Developer Network gehören dazu.

Ganzen Artikel lesen

14.01.201023:00

Firefox Erweiterungen für Poweruser und Webentwickler: Teil III

Mozilla Firefox Logo

Mozilla Firefox Logo

Erweiterungen für den Mozilla Firefox gibt es wie Sand am Meer. Hier sind meine persönlichen Lieblinge zur Produktivitätssteigerung und Webentwicklung. Außerdem stelle ich in diesem Blogpost die Add-On Collector Erweiterung von Mozilla vor, die einem das Entdecken von neuen, praktischen Addons sehr erleichtert.

Ganzen Artikel lesen

12.01.201021:07

Fehler durch Vimeo Flash Player

 

Zwischen den Jahren war Groß-Reine-Machen angesagt. Zumindest was meine Computer angeht. Soll heißen ich hab meinen Laptop und den PC auf der Arbeit neu aufgesetzt.

 

Interessanterweise hatte ich auf beiden ein Problem nach der Installation von Flash bzw. den Suiten (Adobe Creative Suite Design Stadard CS4 und Adobe Creative Suite Webdesign CS4). In Firefox, Google Chrome und dem InternetExplodierer kam folgende Fehlermeldung wenn ich ein vimeo Flash Video aufgerufen habe (egal ob auf vimeo.com oder woanders):

 

Error #2044: securityError unverarbeitet. text=Error #2048: Verletzung der Sicherheits-Sandbox: http://assets.vimdeo.co/rev/1/flash/moogaloo_np.swf? ...

 

Nachdem man der Browser kurz hängt und man das Fenster weggeklickt hat, läuft das Video ohne Probleme. Nervig ist das aber alle mal.

 

 

Hier auch noch ein Screenshot Originalgröße

Screenshot der Fehlermeldung

Screenshot der Fehlermeldung

Der Fehler scheint ein typisches Zugriffsproblem innerhalb von Flash zu sein. Stichwort: Sandboxing.

 

Der Fehler scheint mit der Installation von Flash (der reinen Runtime wie auch der Entwicklungsumgebung) zusammenzuhängen. Allerdings hat vimeo selbst auch was verbockt, denn der Error tritt nur bei vimeo auf. 

 

Lösung

Trotz google konnte ich unter der Fehlermeldung keine Treffer landen. Erst eine allgemeinere Flash Fehler Suche hat mich auf diese Webseite geleitet:

 

http://www.flashplayerfixer.com/flash-player-error-2044.php

 

Die dort beschriebene, einfache Lösung aus Deinstallieren per Tool von Adobe und das erneute installieren hilft bereits.

 

Beide Links gehen zu Adobe's Setup Paketen, aber ich musste Firefox auch nochmal installieren lassen. Übrigens kann Firefox das jetzt endlich im Dialog (ohne Neustart) -- also wirklich, das geht jetzt!

10.01.201017:24

jQuery Accessible Rich Internet Application jetzt unter MIT Lizenz

 

Die Widgets meiner Diplomarbeit sind jetzt unter MIT Lizenz veröffentlicht. Diese Lizenz wurde vom Massachusetts Institute of Technology herausgegeben, dient der Veröffentlichung von freier Software und gilt als echte OpenSource Lizenz.

 

Dieser Schritt war notwendig um Kompatibilität zu den offiziellen jQuery UI Widgets zu schaffen. Aufgrund des Interesses des jQuery UI Teams an meinen Widgets haben sich Namics und meine Wenigkeit zu diesem Schritt entschloßen, um eine Verwendung durch jQuery zu ermöglichen.

 

Ich hoffe dadurch die Verwendung meiner Widgets voranzutreiben und die Barrierefreiheit von jQuery zu unterstützen.