Ein kleines Stück Code, welches Checkboxen und Radiobuttons (und jetzt auch viele andere Formularelemente) per Javascript durch kleine DIV-Container ersetzt, welche man dann selbst per CSS gestalten kann. An der Funktionalität jeder Checkbox und der Radiobuttons im Formular ändert sich nichts 
. Auch Labels werden unterstützt. Es ist damit also möglich, per CSS die Styles der Elemente eines Formulars anzupassen > siehe Demoseite.
Kurzinfo:
- custom Form Elements 1.8beta - Checkboxen und Radiobuttons selbst per CSS stylen
- Größe ca. 17 kB (komprimiert; inkl. aller Module)
- basiert auf mootools ab v1.1
- benötigt folgende mootools Module
- Core, Class,Class.Extras, Array, String, Function, Number, Element, Element.Event, Element.Filters, Element.Selectors, Window.DomReady
- Lizenz: MIT
- erfolgreich getestet unter: IE7, Firefox 2, Opera 9.02, Netscape 7.1
Features:
- ersetzt
- Checkboxes
- Radiobuttons
- Fileupload
- Textinput (inkl. Password) und Textarea
- Select
- Submit/Reset/Image
- … auf der gesamten Seite oder in einem bestimmen Element (z.B. Formular) mit einer angegebenen ID durch kleine DIV-Container
- generiert auf Wunsch Tooltips anhand der title-Attribute
- unterstützt Tabbing / Fokussierung
- “unobstrusive” - ohne Javascript werden die normalen Formularfelder gezeigt
- weiteres auf der Demoseite
Download:
Demo:
Donate / Spenden
Verbesserungsvorschläge und Kommentare sind immer willkommen!
-Wunschzettel
Ich befasse mich seit 2004 mit Webdesign & Programmierung und studiere zur Zeit Medieninformatik an der HTW Dresden. 