Hehe besværligheder kan man hurtigt komme ind i hvis man vil style <input type=file>
Min første tanke var også at lægge en ny knap eller gif hen over den anden, men mon
ikke at der er en mere elegant måde at gøre det på; hvis man nu laver et alm. text input
felt og en knap eller gif og så via javascript finder browse vinduet frem og ligeledes
via javascript putter den fremfundne sti ind i text input feltet.
Om det kan lade sig gøre ved jeg ikke på stående fod.
Og skulle vi ikke lade os der er bare en lille smule interesserede i en fiks løsning på
problemmet futte over i dk.edb.internet.webdesign.clientside og diskutere hurh det
kan lade sig gøre.
Med venlig hilsen
Frank B. Daugaard
Web Designer
"Hintzmann" <nospam@please.dk> skrev i en meddelelse news:ah3po2$oi0$1@sunsite.dk...
Som du nok har fundet ud af så er browse knappen til input feltet file
anderledes end almindelige html-elementer.
Man kan style den lidt men det ser ikke ens ud i de forskellige browsere.
<input type="file" style="background: #eef; border: 3px double #00f;
height: 32px; font: italic bold 24px/24px Courier,monospace;">
Som du kan se af ovenstående kan man ikke bruge background på knappen
(Jeg har kun testet i MSIE6), men man kan godt give den en "pæn" border
og en højde samt formatere lidt af teksten på knappe.
Hvis ovenstående ikke er nok har jeg en anden ide.
Du positionere en ny knap oven på den gamle browse knap.
Det kræver at du ved helt præcis hvor du har begge knapper.
Den nye knap skal så have en z-index højere end input file feltet.
Du kan lave den nye knap enten via <input type="button"> eller en <div>
style den som du vil evt. med et lille browse ikon på knappen.
Ved <div> knappen skal der også laves en tryk effekt, men det må du selv
lige rode med.
Den gamle knap/input felt giver du et id, så du kan få fat i det.
Ved eventen handlere onclick på den nye knap køre du følgende:
document.getElementById('navnetpåinputfeltet').click();
Det virker... men er dog lidt besværlig.
Hintzmann
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials