CSS styl formuláře na upload ("CSS form upload")

15. leden 2009 | 08.39 | rubrika: paprička.cz

formVčera jsem se zaseknul na skoro neřešitelném místě. Grafik mi graficky upravil kompletně všechno, i formuláře. To není nic neobvyklého, ale poprvé i formulář pro nahrání souboru na server. Je jasné, že pokud je na titulní straně musí být graficky přijatelný. A to je problém.

Neexistují žádné CSS parametry, kterými by to šlo udělat. Při troše snaze dokážete jen upravit tlačítko Procházet do ošklivého šedivého čehosi a ztratí se řádka, kde se ukazuje název souboru. Dost dlouho jsem se s tím trápil, až jsem našel tuto stránku: http://www.quirksmode.org/dom/inputfile.html. Michael to zvládnul, i když velmi krkolomně.

Podobné řešení používám poprvé v životě a ani se je nesnažím pochopit. Javascript má něco kolem 800 řádků (19kB) a upravil jsem si v něm jen úplné prkotiny. Naštěstí jeho řešení funguje ve všech prohlížečích!

A jedeme dál...



Komentáře k článku: CSS styl formuláře na upload ("CSS form upload")

 
kubka | 15. leden 2009 | 14.54
tak to jsem rád že si to zvládnul
administrator | 15. leden 2009 | 15.01
to se ještě uvidí, zlobí pozicování
kubka | 17. leden 2009 | 23.52
tak co? pozicování také vyřešeno?
administrator | 18. leden 2009 | 10.22
bohužel ne, hrál jsem se s tím 2 hodiny a když jsem to dostal ve všech prohlížečích na sprívné místo zase to přestalo fungovat. Raději jsem se na to vykašlal a začal dělat vnitřnosti


Zpět na hlavní stranu blogu