Today I released a new tagged version of my Selectmenu widget forked from the Filament Group. This update includes a bunch of small fixes & improvements and a couple of new features:

• get rid of some positiong and browser jumping issues (hopefully)

• a new, more cleaner type ahead version which now

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

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

 

 

 

Check out the demo below and give some feedback!

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

Bereits seit einiger Zeit ist eine neue Extension von mir im TER: Generic Gallery. Entstanden aus dem Wunsch nicht mehr für jede, wenig aber genug vom Standard abweichende, Bildergalerie, Teaser oder Visual Slide Geschichte eine neue Extension zu programmieren. Ziel war es ein einheitliches Formular im Backend und maximale Flexibilität im Forntend zu gewährleisten.

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.

 

 

I quickly realized I should use a already further developed third party add-on as the needed functionality isn't trivial business. After some research via Google and a few tests with other

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.

 

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.

 

 

Im vorerst letzten Blogpost, zu den während meiner Diplomarbeit bei Namics entstandenen  jQuery Accessible Rich Internet Appllications, stelle ich sortierbare Tabellen vor. Mit dem Widget lassen sich standardkonforme HTML Tabellen sehr einfach um einige nützliche Funktionen erweitern oder man nutzt es als Grundlage komplexer Anwendungen in denen tabellarisch Daten dargestellt werden.

 

 

Andere Blog-Posts zu meiner

Zeit für Post 3 in meiner Reihe über jQuery Accessible Rich Internet Applications im Zuge meiner Diplomarbeit: Accessible Tabs

 

jQuery UI stellt bereits ein sehr mächtiges UI Widget für Tabs zur Verfügung und so war für mich schnell klar das ich dieses erweitern und verbessern will. Nachdem ich verschiedene Methoden zur Erweiterung vorhandener Klassen in jQuery durch hatte und diese alle nicht hinnehmbare Probleme mit sich brachten, entschied ich mich dafür relativ schlicht die Funktionen zu überschreiben und die Originalmethoden vor meinen Änderungen aufzurufen.

 

Das sieht dann ungefähr so aus: