Guymon

Checkboxen und Radioboxen gestalten

Sven Wolfermann stellt eine Idee für individuelle Checkboxen & Radio Inputs vor.

Einige Formular-Elemente lassen sich (…) nur schwerlich, bis gar nicht cross-browser-konform stylen, z.B. das input[type=”file”]. Für Checkboxen und Radio-Buttons möchte ich heute eine Möglichkeit zeigen, die zudem auch die neuen CSS3 Pseudo-Klasse :checked beinhaltet.

Die Idee ist die Input-Felder über background-clip zu verstecken und das Label Element für die Styles zu nutzen.

selectToAutocomplete

Das jQuery Plugin selectToAutocomplete wurde zwar für eine besseres autocomplete bei der Auswahl von Ländern geschrieben, ist aber sicherlich auch in anderen Fällen gut einsetzbar.

Using principles of progressive enhancement we turn a standard drop-down into an advanced auto-complete field. This means the drop-down remains accessible, while providing a much better experience in modern browsers – handling typos, multiple spelling sequences, synonyms and prioritization.

Drupal: Select or other

Oh ja, dieses Modul wird ganz sicher Verwendung finden:

Provides a new Forms API element which is a select/radios/checkboxes element that has an ‘other’ option. When ‘other’ is selected a textfield appears for the user to provide a custom value.

Schönere Selectboxen mit Chosen

Chosen ist mir vor einer Weile schon mal über den Weg gelaufen, aber da es sehr nützlich ist erwähne ich das noch mal.

Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.

Ausserdem gibt es mittlerweile ein Drupal Modul

Indeterminate Checkboxes

Ach wie spannend es gibt einen Indeterminate Zustand bei Checkboxen:

You can’t make a checkbox indeterminate through HTML. There is no indeterminate attribute. It is a property of checkboxes though, which you can change via JavaScript.

$("#some-checkbox").prop("indeterminate", true); // prop is jQuery 1.6+

The indeterminate state is visual only. The checkbox is still either checked or unchecked as a value and will submit that value to the form it is a part of.