Gefiltert nach Kategorie Webentwicklung Filter zurücksetzen

TYPO3 formidable with jQuery Datepicker

22. Oktober 2011, Felix Nagel - TYPO3, jQuery, English

logo-typo3 01

© TYPO3 Association, typo.org

The TYPO3 extension Seminars uses Formidable for rendering forms and some Java-Script wigdets. We're using jQuery for all our JS based scripting and jQuery UI for a few User Interface related purposes. To achieve a consistent look for all JS UIs we wanted to change the pretty unusable and unsexy looking default DHTML Calendar of formidable with the jQuery UI one. 

As the default jQuery UI Datepicker does not support time selection I've added the jQuery Timepicker Addon.

 

To change the hardcoded formidable rendering I've implemented an own renderlet based upon the example renderlet extension by Jerome Schneider.

 

I released my resulting extension to the TER as I was asked so in the Mailinglist. Please give feedback or ask a question via email or (better) as a comment down below.

 

 

 

 

Formidable DATE Renderlet with jQuery support


jQuery UI Selectmenu reloaded

09. Oktober 2011, Felix Nagel - Webentwicklung, jQuery, English

© jQuery Foundation , jquery.org

Over a year has passed since I took over the development of Filament Groups Selectmenu plugin for jQuery UI. Since then we made huge changes to the original code base. 130 issues and about 20 pull request have been closed. A couple of new features have been added, too.

 

A few month ago Jörn from jQuery UI contacted me and asked if I would be able to help pulling my Selectmenu branch to the official jQuery UI repo. I agreed but we decide to build a new version from scratch as the old one has a pretty unclean code base and would need some refactoring anyway.

 

Based upon jQuery UI Menu and jQuery UI Button the new Selectmenu widget will seamlessly integrate in a few new widget coming soon.

 

Get the sourcecode at GitHub and make sure to check the Wiki for ToDos and specification:

 

Selectmenu Branch @ GitHub

 

Selectmenu @ jQuery UI Wiki

 

 

jQuery UI Selectmenu reloaded

TYPO3: lokalisierte Datumsausgabe mit Fluid

07. Oktober 2011, Felix Nagel - TYPO3, Extbase & Fluid

© TYPO3 Association , typo.org

Um innerhalb von TYPO3 mit Extbase bzw. dessen Template-Engine Fluid aus einem Zeitstempel (wie zum Beispiel in einem crdate oder tstamp Datenbankfeld) lokalisierte Datumsausgaben zu rendern gibt es verschiedene Ansätze. 

 

Da wären der eigene ViewHelper oder die offizielle Variante per locallang Datei und Bordmitteln. Beide sind recht umständlich, letztere nötigt dem Entwickler die nicht unerhebliche Mehrarbeit auf für alle Sprachen Übersetzungen zu hinterlegen.

 

Dabei geht es, ebenfalls mit Fluid Bordmitteln, auch sehr einfach. Mit etwas Typoscript und dem CObject standard view helper.

 

 

TYPO3: lokalisierte Datumsausgabe mit Fluid

Eigene Typoscript conditions

30. Juli 2011, Felix Nagel - TYPO3, Open Source

© TYPO3 Association , typo.org

TypoScript Conditions sind eine der vielen praktischen Seiten die mit der Verwendung von TypoScript einhergehen. TYPO3 kommt standardmäßig mit verschiedenen nützlichen Weichen (siehe z.B. hier oder hier) aber manchmal hat man Bedarf für eine eigene TypoScript Condition. Dieser Blogpost beschreibt was dazu nötig ist und beinhaltet eine Beispielextension.

Eigene Typoscript conditions

jQuery UI Selectmenu v1.1.0 released

17. Juni 2011, Felix Nagel - Webentwicklung, jQuery

© jQuery Foundation , jquery.org

Update: jQuery UI Selectmenu v1.2.0 released

 

Im Sommer letzten Jahrs benötigte ich für ein Projekt einen select (HTML Element Auswahlliste) Ersatz der vernünftig per CSS zu gestalten war. Da wir ohnehin jQuery UI (inklusive dem dazugehörigen CSS Framework) benutzen wollte ich möglichst ein Plugin das mit eben diesem Zusammenarbeitet. Meine Wahl fiel auf das damals nicht mit der aktuellen Version von jQuery zusammenarbeitende Selectemenu Widget der Filament Group das bereits Mitte 2009 in ihrem Blog veröffentlicht wurde.

 

Da ich seit meiner Diplomarbeit mit der UI Widget Factory vertraut bin, das jQuery Team seine API Änderungen gut dokumentiert und einige Kommentare im Blogpost bereits Hinweise lieferten ging die Aktualisierung des Codes schnell von der Hand.

Da immer wieder Kommentatoren nach einer lauffähigen Version fragten entschloss ich mich die letzte offizielle Version des Widgets zu forken und die ursprünglichen und einige weitere Fixes einzuspielen. Das ganze hab ich auf GitHub veröffentlicht: https://github.com/fnagel/jquery-ui/tree/selectmenu

 

jQuery UI Selectmenu v1.1.0 released