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

I'm happy to announce a ARIA Lightbox (my W3CWCAG and ARIA conform jQuery Lightbox script) plug-in for Microsoft Express Web 4 provided by Dennis DeRobertis.

 

 

The framework add-in is free of charge so please spread the message!

The Expression

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.

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.

 

Der Quellcode wird XHTML 1.0 Strict kompatibel auf der Webseite eingebettet und per Java-Script gehighlighted. Die RegEx Anweisungen und die Stylesheets die für die verschiedenen Sprachen werden per lazy-loading nachgeladen.

 

Es gibt einige nette Features wie Zeilenumbruch, Zeilen einfärben, Code einklappen, Tabulator Länge bestimmen und eine Toolbar, aber seht am besten selbst:

 

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