Avatar billede sorteplov Nybegynder
18. april 2002 - 22:26 Der er 17 kommentarer og
1 løsning

CSS på filupload form

Hej

Jeg har en form der ser således ud:
<form name="upload" enctype="multipart/form-data" method="post" action="">
              <input type="hidden" name="max_file_size" value="10485760">
              <input type="file" name="file" size="33" maxlength="64" style="height:16">
            </form>

og en tilhørende CSS:
input
{
font-size: 9px;
font-family: Trebuchet, Verdana, Helvetica, sans-serif;
color: #818278;
background-color: transparent;
border: 1px #DFE5C5 solid;
}



.. det virker til dels i IE på PC, men fejler fælt i både Netscape 6 (Mac og PC) og i IE 5 på Mac.

Kan man løse det på nogen måde?

Avatar billede Slettet bruger
18. april 2002 - 22:34 #1
Nej. File feltet er en del af browserens egen kode, derfor ser den forskellig ud på Mac/PC IE/Netscape. Du kan til dels JavaScripte dig ud af det i Explorer, men en holdbar løsning er det ikke.
Avatar billede sorteplov Nybegynder
18. april 2002 - 22:42 #2
Hej El Barto

Tænkte det nok - men er det mon muligt bare at ændre teksten (font-size etc.) inden i filupload textfeltet på Mac IE (der hvor stien til den valgte fil står). Jeg har set det gjort, men kan ikke lige gennemskue hvordan? Ovenstående virker ihvertfald ikke.
Avatar billede pelkjaer Nybegynder
18. april 2002 - 22:50 #3
Utestet:

<input type="file" name="imgfile" style="border: 1px black solid; background:#FFFFFF; font: 8pt verdana;">

Aner ikke om det virker...
Avatar billede nikolajdu Nybegynder
19. april 2002 - 09:02 #4
nej nej man kan altså godt.... Jeg smider en løsning indenfor en time - Skal lige ned til min egen computer...
Avatar billede nikolajdu Nybegynder
19. april 2002 - 09:35 #5
Du gør sådan her:

<html>
<style>
    .felt {
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
    background-color: #e9e9e9;
    font: 11px verdana;
    width:150
}
</style>
<body>

<form name="f">
<input style="display:none" type="file" name="filFelt" onchange="this.form.vistFelt.value=this.value">
<input class="felt" type="text" name="vistFelt" value="Find en fil makker">
<img src="1.jpg" onclick="document.f.filFelt.click();">
</form>

</body>
</html>

/Nikolaj

P.s Du kan selvfølgelig bytte billedet ud med en knap hvis det er sjawere... :))
Avatar billede pelkjaer Nybegynder
19. april 2002 - 09:42 #6
<input type="file" name="imgfile" style="display: none;" onchange="this.form.fakeFile.value=this.value;" /><input type="text" name="fakeFile" /><input type="button" value="browse" style="border: 1px black solid; background:#FFFFFF; font: 8pt verdana;" onclick="this.form.path.click()" />
Avatar billede pelkjaer Nybegynder
19. april 2002 - 09:43 #7
Hvad? Er jeg nu for langsom igen?
Avatar billede sorteplov Nybegynder
19. april 2002 - 11:19 #8
Hej nikolajdu

Er lige kommet på kontoret. Lyder lovende - et var også sådan noget jeg havde tænkt mig, men vidste bare ikke lige hvordan...prøver det lige og vender hurtigt tilbage
Avatar billede sorteplov Nybegynder
19. april 2002 - 11:25 #9
Hej nikolajdu - det virkede. Tak for hjælpen.
Og pelkjaer - tak til dig også. Lad os mødes igen over et andet spørgsmål - så får du nogle point.
Avatar billede pelkjaer Nybegynder
19. april 2002 - 11:29 #10
Nej det gør skam intet :o)
Jeg var for langsom..
Avatar billede nikolajdu Nybegynder
19. april 2002 - 11:30 #11
nemlig *ROFL*
Avatar billede nikolajdu Nybegynder
19. april 2002 - 11:31 #12
tak for point :)
Avatar billede sorteplov Nybegynder
19. april 2002 - 13:29 #13
Selv tak nikolajdu - men ved nærmere granskning så virker det ikke alligevel. Når man har browset sig frem til en fil så vises stien ikke i tekstfeltet ???

Ps. Hvad betyder *ROFL*
Avatar billede nikolajdu Nybegynder
19. april 2002 - 13:31 #14
*ROFL* = Rolling On the Floor Laughing .....

Hmmm... Det virker fint hos mig har brugt den 100 gange :)

Hvilken browser og Maskine bruger du?
Avatar billede sorteplov Nybegynder
19. april 2002 - 13:48 #15
Hejsan - har flere forskellige - men min hovedmaskine er en PowerMac G4 800mHz på Mac OS 9.2/Mac OS X Internet Explorer 5.1, men jeg kører også Win98, Win2k og har Netscape 3, 4, ,5 ,6 og IE 4, 5, 6, Opera og et hav af andre underlige testbrowsere. Problemet er at det skal virke på både Mac og PC og i IE 5+ og NS 6+. Kan ikke lige teste det på PC lige nu, men Mac'en kan ihvertfald ikke
Avatar billede pelkjaer Nybegynder
19. april 2002 - 13:52 #16
Virker også fint her (IE6/winXP), dog virker det ikke i NS 6.02
Avatar billede nikolajdu Nybegynder
19. april 2002 - 14:09 #17
DEt burde nu også virke i Netscape... hmmm. Kigger på det i morgen. Har ikke tid lige nu
Avatar billede sorteplov Nybegynder
29. april 2002 - 15:56 #18
Hej nikolajdu

Har du glemt mig ;-) ?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester