jQuery UI autocomplete selectFirst

Das wohl bekannteste autocomplete-Javascript, auf Basis von jQuery, ist wohl jQuery autocomplete :-)
klingt komisch – ist aber so :-)

Seit jQuery UI ein autocomplete Widget enthält, hat der Entwickler des alten Plugins dieses für „deprecated“ gekennzeichnet.
Mit jQuery UI sind aber eine Vielzahl an Funktionen, die das alte autocomplete angeboten hat, weggefallen.

Meiner Meinung nach eine sehr brauchbare Funktion war „selectFirst“, womit immer das erstgewählte Element in der DropDown-Liste vorselektiert ist.
Dieses Feature wird zwar nicht in jQuery UI autocomplete Einzug finden, allerdings haben die Entwickler hier eine Erweiterung zur Verfügung gestellt.

Einfach folgenden Code in seine Seite einfügen:

(function( $ ) {

$( ".ui-autocomplete-input" ).live( "autocompleteopen", function() {
	var autocomplete = $( this ).data( "autocomplete" ),
		menu = autocomplete.menu;

	if ( !autocomplete.options.selectFirst ) {
		return;
	}

	menu.activate( $.Event({ type: "mouseenter" }), menu.element.children().first() );
});

}( jQuery ));

Dadurch kann man die Funktion in jQuery UI autocomplete doch verwenden:

$("input#autocomplete").autocomplete({
    source: ["php", "html", "mysql", "css"],
    selectFirst: true
});

Ganz glücklich bin ich allerdings nicht mit jQuery UI autocomplete, wenn man sich alle Funktionen nachbauen muss, kann man schon fast auf das Widget verzichten.
Weitere Infos und Demos zum jQuery UI autocomplete Widget

jQuery 1.4a1 – erste Alpha verfügbar

Am 4. Dezember wurde die erste Alpha-Version von jQuery 1.4 veröffentlicht.

In der aktuellen Alpha gibt es keine Aufspaltung in eine core.js und weitere „Packages“, sieht danach aus, als ob dies doch mit einer späteren Version kommen wird. „jQuery 1.4a1 – erste Alpha verfügbar“ weiterlesen

jQuery 1.3.3 und 1.4 – Neuerungen

Auf der jQuery Conferfence ’09 hat John Resig – der Kopf hinter jQuery – Neuerungen für die kommende Version 1.3.3/1.4 präsentiert.

Auffälligste Neuerung ist die Aufsplittung der jQuery.js in mehrere Module:

jQuery Superfish und der Internet-Explorer 7

jQuery Superfish ist ein auf „Suckerfish“ basierendes jQuery-Plugin.

Damit ist es möglich aus einfachen HTML-Listen ein Dropdown-Menü zu realisieren – das Dropdown-Menü ist auch ohne JavaScript voll funktionsfähig (dank CSS). Superfish erweitert das ganze lediglich, beispielsweise um Animations-Effekte, Tastatur-Zugriff oder Schatten.

Eine Demo und der Download von Superfish findet sich unter:
Superfish – Beispiele und Downloads
Leider macht der Internet-Explorer 7 Probleme, sobald sich das Dropdown-Menü über einen relativ positionierten Container legt. „jQuery Superfish und der Internet-Explorer 7“ weiterlesen