[mikesch]

Soderle war eigentlich ganz easy! zum nachvollziehen.
der fileinput wird versteckt und dann nachgebaut mit text und button. der button ruft dann per javascript den file auf und die funtkion gibt dem textfeld den wert des fiileinputs..

Lessig oder!

habe ich letztes jahtr ewig daran gebastelt und dabei isset echt easy. Ein wunder das ich die noch gefunden habe

[Raumwurm]

super
ohne javascript wärs dann noch besser.

[GUARDiAN]

Klasse Idee. Muss man erstmal drauf kommen... Respekt!

Naja, das JS-Problem kann man ja so lösen, dass man den "echten" Button per JavaScript auf "display: none;", und den "falschen" auf "display: block;" setzt... Dann bekommen User ohne JavaScript halt den originalen, unformatierten Button angezeigt, und alle anderen den "Schönen".

[Waschbequen]

Nö, die ohne JS bekommen beide angezeigt. Dass das funktioniert überrascht mich ein wenig, dachte eigentlich, dass man per Script keinen Zugriff auf die Properties des Elements hat.

[GUARDiAN]

Wenn Du die "falschen" Elemente per CSS auf "display: none;" setzt, und das dann per onload()-handler auf "block" oder "inline" setzt, und bei den "echten" genau andersrum, bekommen User mit aktiviertem JS nur die "falschen" angezeigt, da diese ja erst durch das JavaScript gezeigt werden, und die "echten" ausgeblendet werden. Wenn der User kein JS aktiviert hat, ist es genau andersrum...

Okay, im NS4 werden dann beide angezeigt, da dieser ohne JS auch kein CSS, bzw. JSSS, anzeigt.

[Waschbequen]

[GUARDiAN]

Wieso habe ich ein Logikproblem?

Die "Fake-Buttons" sind per CSS auf "display: none;" gesetzt, also nicht sichtbar.

Der echte File-Selector hat keine derartige Angabe, ist also sichtbar.

Wenn jetzt der User JS aktiviert hat, passiert folgendes:

Die "Fake-Buttons" bekommen per JS-onload() eine Klasse mit "display: block;" (oder inline - ist ja auch egal) zugewiesen, werden dadurch sichtbar.

Der echte File-Selector bekommt per JS-onload() eine Klasse mit "display: none;" und verschwindet.

Wenn der User kein JS aktiviert hat, passiert eben diese onload()-Geschichte nicht, und der oben beschriebene Fall tritt ein.

[Waschbequen]

s.o.