You are not logged in.

wcf.regNote.message

Prometheus

Administrator

  • "Prometheus" started this thread

Posts: 3,295

Location: Hagen

Occupation: EDV Dienstleister

  • Send private message

1

Monday, May 11th 2009, 5:07pm

Wie kann man bei <input type="file" mittels class="fileinput" das Aussehen des Buttons "Durchsuchen..." verändern?

Mag sein das ich grade total auf dem Schlauch stehe oder irgendwo auch nur einen Tipfehler habe aber ich hab mir jetzt eine CSS gebaut wo ich verschiedene Buttontypen definiere, Eingabefelder und lauter so Sachen. Jetzt habe ich ein Formular in dem eine Datei hoch geladen wird und egal was ich bei dem input angebe das Aussehen des Feldes als auch das Aussehen des Buttons verändern sich nie. Und da ich restlos alles auf eine spezielle Farbe und ein spezielles Aussehen getrimmt habe passt das so grade gar nicht da rein. Oder könnte ich mir auch das input type="file" zusammen bauen aus input type="text" + input type="button" so nebeneinander das es genau so aussieht und am besten natürlich auch genau so funktioniert?

Prometheus

Administrator

  • "Prometheus" started this thread

Posts: 3,295

Location: Hagen

Occupation: EDV Dienstleister

  • Send private message

2

Wednesday, June 3rd 2009, 8:47am

In dieses Thema habe ich mich inzwischen eingelesen und es gibt keine wirklich gute Lösung. Problem ist hier einfach, dass sich der Button für ein Feld vom Typ file nicht per CSS verändert lässt. Einzige möglichkeit ist hier mit Tricks zu arbeiten. Das heißt man muss zuerst mal genau "ausmessen" an welcher Stelle das Feld sitzt und wo sich der Button befindet. Dann erzeugt man genau an der Stelle wo der Button sitzt einen Div Container welcher mit einem Z-Index versehen wird der auf jeden Fall vor allen anderen Elementen sitzt. Nun setzt man in diesen Container seinen eigenen Button mit den entsprechenden optischen Anpassungen oder eben eine Grafik. Jetzt muss man noch die onClick Eigenschaften angeben, damit beim Drücken auch die eigentliche Feldfunktion ausgelöst wird und das wars auch schon. Aus meiner Sicht eine sehr unsaubere Lösung aber letztenendes besser wie keine.

Falls jemand noch eine andere oder sogar bessere Lösung weiß bitte hier rein schreiben.

3

Thursday, July 16th 2009, 1:47pm

Hmm.. Ich habe dein Problem leider nicht ganz Verstanden..Kannst du es vlt nochmal genauer beschreiben?

Prometheus

Administrator

  • "Prometheus" started this thread

Posts: 3,295

Location: Hagen

Occupation: EDV Dienstleister

  • Send private message

4

Friday, July 17th 2009, 6:22pm

Na mann kann ja Inputfelder oder auch Buttons und so mit CSS verändern das sie einen anderen Rahmen haben, andere Farbe oder sonst was. Aber versuch das mal bei einem Inputfeld vom Typ "file" denn da geht das ganz und garnicht. Zumindest der Button der bei dem Feld mit erscheint um die lokalen Laufwerke nach der Daten zu durchsuchen lässt sich von CSS nicht beeindrucken. Sehr doof wenn man eine Seite vollständig optisch anpasst und dieser eine Button dann nicht so will.

5

Tuesday, March 16th 2010, 7:16pm

soweit ich weiß kann man bei file nur höhe und breite ändern, ansonsten könnte man vl mit javascript und einem 0px mal 0px file-input arbeiten, wenn man eben den dateipfad per javascript hineinschreibt müsste das gehn, weiß nur nicht wie man dann den open-file-dialog hinbekommt... hm..

Similar threads

wcf.user.socialbookmarks.titel