Style des <input type="file"> ändern

[Nick]

Moin Leute,

ich habe mal gelesen, dass man ein <input type="file">-Button am besten so ändert, indem man einfach mit position absolute den gewünschten Button direkt über den 'echten' button platziert.

Soweit so gut, klappt auch alles klasse, nur funktioniert der Button dann nicht mehr, weil der Browser 'denkt', dass ich mich halt in dem drüberliegenden (ob nun <Div> oder <img> ist egal) befinde.
Entsprechend wird mein Mausklick nicht für den unterliegenden 'echten' Button registriert.

Wie macht man es richtig?

thx

[ChrisB]

Hi,

Wie macht man es richtig?

Man sucht.

MfG ChrisB

[wurzelbert]

servus Nick,

ich habe mal gelesen, dass man ein <input type="file">-Button am besten so ändert, indem man einfach mit position absolute den gewünschten Button direkt über den 'echten' button platziert.

Soweit so gut, klappt auch alles klasse, nur funktioniert der Button dann nicht mehr, weil der Browser 'denkt', dass ich mich halt in dem drüberliegenden (ob nun <Div> oder <img> ist egal) befinde.

man kann es mit Javascript "zum Laufen" bringen, reines HTML und CSS reichen da nicht aus.

Bedenke aber, das Javascript nicht bei jedem Seitenbesucher eingeschaltet sein muss. Ein Fallback ist also auch von Nöten.
Macht zusammen doppelter Aufwand für das gleiche Ziel.

der wurzelbert

[Nick]

Hallo wurzelbert

man kann es mit Javascript "zum Laufen" bringen, reines HTML und CSS reichen da nicht aus.

Das ist ja unschön, ich war der Meinung es gelesen bzw. gehört zu haben, dass es auch auch ohne Javascript klappt.

Ich will Deine Aussage auch wirklich nicht in Frage stellen, will mir da nur absolut sicher sein:
Sind hier alle im Forum der Meinung, dass es allein mit PHP und CSS NICHT zu realisieren ist?

thx

[Cheatah]

Hi,

Sind hier alle im Forum der Meinung, dass es allein mit PHP und CSS NICHT zu realisieren ist?

ja. Grund: PHP nützt exakt gar nichts, und zum verbleibenden CSS wird noch HTML benötigt.

Und am besten ändert man den Button übrigens *nicht*.

Cheatah

[Nick]

Folgende Nachricht ist hauptsächlich an wurzelbert, Cheatah und ChrisB gerichtet...

Es folgt eine kurze Beschreibung, wie man den Button eines <input type="file"> NUR mit PHP und CSS ändert:

Man nehme seinen gewünschten Button und platziert ihn mit position:absolute entsprechend dort, wo später der Input-File-Button zu sehen sein wird.

Anschließend positioniert man das <input type="file"> ebenfalls mit position:absolute über seinen eigentlich gewünschten Button.
Jetzt braucht man nur noch mit opacity:0; bzw. filter: alpha(opacity=0); das <input type=file> verschwinden lassen.

Ergebnis: Man sieht nur den gewünschten Button und per Klick auf diesen Button öffnet sich mit Folder...

Ich bitte Euch einfach das nächste mal Behauptungen auf Euren Wissenstand zu beziehen und nicht einfach Grundsätzlich zu behaupten, dass es so nicht möglich sei.

thx und frohe Weihnachtstage

[ChrisB]

Hi,

Es folgt eine kurze Beschreibung, wie man den Button eines <input type="file"> NUR mit PHP und CSS ändert:

Du hast immer noch nicht begriffen, dass PHP dabei überhaupt keine Rolle spielt.

Ich bitte Euch einfach das nächste mal Behauptungen auf Euren Wissenstand zu beziehen und nicht einfach Grundsätzlich zu behaupten, dass es so nicht möglich sei.

Und ich würde dich bitten, nicht zu behaupten, dass jemand anderes etwas behauptet hätte, wenn das gar nicht der Fall ist.

Der aktuell erste Treffer meiner genannten Google-Query ist http://www.quirksmode.org/dom/inputfile.html - und beschreibt im ersten Teil genau das Verfahren unter Nutzung von opacity.

Du bist derjenige, der hier auf Grund seines Wissenstands unwahre Behauptungen aufstellt.

MfG ChrisB

[Cheatah]

Hi,

Es folgt eine kurze Beschreibung, wie man den Button eines <input type="file"> NUR mit PHP und CSS ändert:

nein.

Man nehme seinen gewünschten Button

Hierzu wird zunächst HTML benötigt.

und platziert ihn mit position:absolute [...]

Das genannte CSS.

Ergebnis: Man sieht nur den gewünschten Button und per Klick auf diesen Button öffnet sich mit Folder...

Und das sogar ohne die _Nennung_ von PHP - es wird also nicht mal scheinbar benötigt.

Ich bitte Euch einfach das nächste mal Behauptungen auf Euren Wissenstand zu beziehen und nicht einfach Grundsätzlich zu behaupten, dass es so nicht möglich sei.

Ich bitte Dich, zunächst einmal zu verstehen, was Du behauptest. Du benötigst HTML und CSS, _nicht_ CSS und PHP ohne HTML.

Cheatah

[MudGuard]

Hi,

ich habe mal gelesen, dass man ein <input type="file">-Button am besten so ändert,

Nein. Am besten ändert man ihn gar nicht.

Wie macht man es richtig?

auf die faule Art: einfach nichts tun.

cu,
Andreas