201014Feb

TextboxList: jQuery-Plugin für dynamische Tags

Um Benutzereingaben in Echtzeit zu filtern und grafisch anzupassen, bieten sich verschiedene Techniken mit JavaScript an. Eine Möglichkeit besteht darin, Texte von Eingabefeldern in dynamische Schaltflächen umzuwandeln. Dieses Szenario kann beispielsweise dann eintreten, wenn Schlagwörter (Tags) von Benutzern eingegeben werden können — mit dem jQuery-Plugin TextboxList wird die Umwandlung in entsprechende Schaltflächen während der Eingabe vorgenommen. Die Tags können dabei etwa mit Kommata voneinander getrennt werden.

jQuery-Plugin - TextboxList

Auf der Demo-Seite des Skripts kann man sich von der Funktionalität überzeugen. Zudem ist eine Auto-Suggest-Funktion mit dem Plugin möglich, so dass die Eingabe weiter vereinfacht werden kann. Ohne erweiterte Einstellungen wird das Plugin mit folgendem Code auf ein Textfeld (input) angewendet:

  • $("element").textboxlist();

Das Skript bietet etliche Optionen und Einstellungsmöglichkeiten, die auf der Website eingesehen werden können.
Für nichtkommerzielle Zwecke ist das Plugin frei erhältlich. Möchte man die Funktionalität gewerblich einsetzen, kann für 20 USD eine kommerzielle Lizenz (pro Domain) erworben werden.

RSS-Feed abonnieren