Custom Form Elements

Custom Form Elements
Custom Form Elements
Entwickler: Mediavrog
Aktuelle Version: 0.8.2
Betriebssystem: plattformunabhängig
Kategorie: Programmbibliothek
Lizenz: GPL v3
Deutschsprachig: nein
customformelements.net

Custom Form Elements ist eine freie und modulare JavaScript-Bibliothek, welche basierend auf dem JavaScript-Framework MooTools Module anbietet, um Formularelemente auf Webseiten browserübergreifend mittels CSS gestalten zu können. Dabei wird nicht nur die den Formularelementen innewohnende Benutzerfreundlichkeit beibehalten, sondern diese gezielt erweitert um die Nutzererfahrung zu bereichern.

Inhaltsverzeichnis

Eigenschaften

  • Erweiterbar und modular, so dass die Möglichkeit besteht nur bestimmte Komponenten zu verwenden und nach Bedarf neue zu integrieren
  • basiert auf MooTools, weitere Frameworks wie jQuery sollen folgen.
  • vollständige Unterstützung des Tabindex
  • unobstrusive - falls kein Javascript aktiviert ist, werden die Formularelementen normal angezeigt
  • eigener Namensraum cfe

Aufbau

Custom Form Elements besteht aus einem Kern aus 2 Klassen - einer Basisklasse für das Ersetzen der Formularelemente und einem generischen Formularelement (enthalten in cfe.base.js)- , welche die Basisfunktionalität für den Einsatz darstellen. Durch weitere Module (cfe.module.*) und Add-ons (cfe.addon.*) kann die Funktionalität beliebig erweitert werden.

Module

  • Checkbox: Dieses Modul ersetzt die Checkboxen, welche sich nicht ohne Weiteres browserübergreifend gestalten lassen.
  • Radiobutton: Ähnlich dem Modul Checkbox, ersetzt aber Radiobuttons und unterstützt Gruppen von Radiobuttons.
  • Select: Ersetzt das Select-Feld und erstellt eine Repräsentation inklusive Scrolling.
  • Text: Erweitert Textfelder in der Funktionalität und setzt bei Bedarf die Sliding-Doors CSS-Technik ein
  • Password: siehe Text
  • Textarea: Ähnlich dem Modul Text, ersetzt aber Textareas.
  • File: Erlaubt es, dass File-Upload Feld und die zugehörige Schaltfläche nach Belieben zu gestalten
  • Image, Submit, Reset: erweitert die Schaltflächen und kann ebenfalls Sliding-Doors verwenden


Add-ons

  • ToolTips: erzeugt aus dem title-Attribut eines Formularelements ein Fragezeichen, welches beim Darüberfahren mit der Maus einen ToolTip darstellt
  • Dependencies: Mit diesem Addon wird es möglich, Abhängigkeiten von Checkboxen zu definieren, so dass abhängige Checkboxen automatisch selektiert werden können

Browserkompatibilität

Custom Form Elements ist kompatibel und getestet mit:

Siehe auch

Weblinks


Wikimedia Foundation.

Игры ⚽ Нужно сделать НИР?

Schlagen Sie auch in anderen Wörterbüchern nach:

  • form — [fôrm] n. [ME forme < OFr < L forma, a shape, figure, image < ? (via Etr) Gr morphē] 1. the shape, outline, or configuration of anything; structure as apart from color, material, etc. 2. a) the body or figure of a person or animal b) a… …   English World dictionary

  • form — I (New American Roget s College Thesaurus) External shape Nouns 1. form, formation, forming, figure, shape; make[up], conformation, configuration; make, frame[work], construction, cut, set, build, trim, cut of one s jib; stamp, type, cast, mold;… …   English dictionary for students

  • form — I. noun Etymology: Middle English forme, from Anglo French furme, forme, from Latin forma form, beauty Date: 13th century 1. a. the shape and structure of something as distinguished from its material b. a body (as of a person) especially in its… …   New Collegiate Dictionary

  • Automorphic form — In mathematics, the general notion of automorphic form is the extension to analytic functions, perhaps of several complex variables, of the theory of modular forms. It is in terms of a Lie group G, to generalise the groups SL2(R) or PSL2 (R) of… …   Wikipedia

  • HTML — For the use of HTML on Wikipedia, see Help:HTML in wikitext. HTML (HyperText Markup Language) Filename extension .html, .htm Internet media type text/html Type code TEXT …   Wikipedia

  • SiteGrinder — is a commercial plug in made by Media Lab Inc. for Adobe Photoshop that allows users who are skilled at Adobe Photoshop to create multi page websites without knowledge of the underlying web technologies such as HTML, CSS, javascript, and Document …   Wikipedia

  • My Own Creation — (MOC), is a specialized term given to custom designs built by individuals utilizing the popular Lego bricks, or similar construction toys usually modeled directly like Lego. A MOC can be anything from an amateur design to a professional sculpture …   Wikipedia

  • Website — The biography of U.S. President Barack Obama that appears on White House.gov A website, also written as Web site,[1] web site, or simply site,[2] …   Wikipedia

  • Standardization of Office Open XML — Office Open XML Office Open XML file formats Open Packaging Conventions Open Specification Promise Vector Markup Language Office Open XML software Comparison of Office Open XML software Office Open XML standardization The Office Open XML file… …   Wikipedia

  • Passive solar building design — Elements of passive solar design, shown in a direct gain application …   Wikipedia

Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”