Fileuploads stylen

| | Kommentare (0) | TrackBacks (0)

Die Anforderungen an eine moderne Webseite / Webapplikation sind klar — alle Elemente sollen konsistent im eigenen Design dargestellt werden. Das erleichtert dem Benutzer die Navigation und schafft ein ansprechendes Interface.

Es gehört zum Standard das Formulare im Internet nicht nur Eingabefreundlich und Übersichtlich strukturiert werden, sondern sich auch nahtlos in Ihre Umgebung einpassen. Mit CSS-Mitteln ist es auch kein Problem mehr diese Vorgaben zu erfüllen, jedoch stellen Eingabefelder für Dateiuploads hier einen Sonderfall dar.
Mit Blick auf maximale Sicherheit stellen Browser die "Durchsuchen"-Schaltfläche immer im Stil des jeweiligen Betriebssystems dar. Reines CSS ermöglicht es nicht das Aussehen anzupassen.
Dadurch wirkt ein Dateiupload in Formularen immer befremdlich, weil es sich so gar nicht in die Seite einschmiegt — ein Ärgernis.

Abhilfe will hier ein Plugin für JQuery schaffen. Sofern Javascript aktiviert ist, erscheint der Dateiupload in neuem Glanz. Das Formular bleibt aber auch ohne Javascript benutzbar.

Ein erster Test in Firefox 2, Opera 9, Internet Explorer 6+7 sowie Safari 3 (Windows) hinterlässt einen guten Eindruck des Plugins.

0 TrackBacks

Folgende Einträge anderer Blogs beziehen sich auf den Eintrag Fileuploads stylen

TrackBack-URL dieses Eintrags: http://blog.sinnerschrader.de/mt/mt-tb.cgi/2201

Jetzt kommentieren

Über uns

Erst durch Technik werden Layout und Konzept Leben eingehaucht. Deshalb wollen wir in diesem Blog durch die technische Brille das Treiben in diesem spannenden Medium begleiten.

Blogroll