Avatar billede mhass Nybegynder
16. oktober 2001 - 23:24 Der er 20 kommentarer og
1 løsning

Text & farve formatering af <input type=\"file\"> knap

her er koden for noget på min side:
-----------
<html> <head> <style>
#submit
{
background: #D62921;
border: solid 3px #339966;
color: #cccccc;
}
</style> </head>

<body>
<input type=\"submit\" id=\"submit\"><br><br>
<input type=\"file\" id=\"submit\">
</body></html>
-----------
formateringen af indtastningsfelterne virker fint nok, men hvordan formaterer jeg farve og text på den knap som automatisk kommer med <input type=\"file\" id=\"submit\"> koden....?
Avatar billede callesen Praktikant
16. oktober 2001 - 23:34 #1
Dette stye placeres i HEAD - måske kan du bruge noget:
<STYLE type=\"text/css\">

input {
    border:3px;
    border-style:solid;
    border-color:#000000;
    background-color:#FF0000;
    color:#000000;
    face-color:#FFFF00;
    track-color:#FF00FF;
    shadow-color:#00FFFF;
    highlight-color:#00FF00;
    3dlight-color:#0000FF;
    darkshadow-color:#000FFF;
}
</STYLE>
Avatar billede mhass Nybegynder
16. oktober 2001 - 23:45 #2
virker desværre ikke Callesen
Avatar billede prodic Mester
17. oktober 2001 - 01:09 #3
Avatar billede mhass Nybegynder
17. oktober 2001 - 01:19 #4
nej.prøv at indsætte koden ovenfor som en side, så er det nok lettere at forstå
Avatar billede olebole Juniormester
17. oktober 2001 - 02:42 #5
<ole>
Aldrig to objekter med samme id...! Et id er i sagens natur unik  ;o)

<style>
.submit
{
background: #D62921;
border: solid 3px #339966;
color: #cccccc;
}
</style>

<input type=\"submit\" class=\"submit\"><br><br>
<input type=\"file\" class=\"submit\">

Det giver dig dog ingen kontrol over knappens indhold. Det kan du få sådan:

<form>

<input type=\"submit\" class=\"submit\"><br><br>
<input style=\"display:none\" type=\"file\" name=\"ib\" onchange=\"this.form.bo.value=this.value\">

<input class=\"submit\" type=\"text\" name=\"bo\" value=\"Mit felt\">
<button class=\"submit\" onclick=\"this.form.ib.click();\">Min knap</button>

</form>

/mvh
</bole>
Avatar billede shape Nybegynder
17. oktober 2001 - 10:56 #6
Sådan:
<html> <head> <style>
.knap{
background: #D62921;
border:3px solid #339966;
color: #cccccc;
}
</style> </head>

<body>
<input type=\"submit\" id=\"submit\" class=knap><br><br>
<input type=\"file\" id=\"submit\">
</body></html>

www.starvision.dk
Avatar billede olebole Juniormester
17. oktober 2001 - 11:32 #7
shape >> Er det ikke lidt billigt at svare det samme, som mig? Når du nu vælger at gøre det, er det så ikke pinligt at lave den fejl, jeg netop har påpeget: At anvende samme id til to forskellige objekter?
Avatar billede shape Nybegynder
17. oktober 2001 - 16:05 #8
olebole >> jeg læste ikke lige dit svar, beklager dybt... Pinligt syntes jeg nu ikke det er :))
Avatar billede olebole Juniormester
17. oktober 2001 - 16:09 #9
Nej, men man kan jo heller ikke være enige om alt  :)
Avatar billede callesen Praktikant
17. oktober 2001 - 16:20 #10
Denne specielle knap: <input type=\"file\" id=\"submit\"> kan man desværre ikke ændre udseende på. Det som jeg skrev i mit svar, er det man kan gøre ved formelementer med CSS; men intet virker altså på \'gennemse\'-knappen. Jeg har ladet mig fortælle, at det har noget med sikkerhed at gøre - jeg stod af efter et stykke tid, da jeg fik forklaringen af en ative-x(pert).
Avatar billede olebole Juniormester
17. oktober 2001 - 16:23 #11
callesen >> Prøv nu at læse, hvad jeg har skrevet og test mine eksempler af ...så behøver du ikke lade dig forstyrre af Active-X(pertens) tro og religion (læs: manglende viden)  ;o)
/mvh
Avatar billede olebole Juniormester
17. oktober 2001 - 16:34 #12
callesen >> Det han sikkert har fået galt i halsen er, at man ikke kan scripte til en <input type=\"file\">. Det ville jo betyde, man ville kunne sætte stien til en \'interessant\' fil på brugerens computer - og hente den.
Man kan derimod sagtens scripte fra en sådan - ligesom man også kan \'klikke\' den med JavaScript  ;o)
/mvh
Avatar billede callesen Praktikant
17. oktober 2001 - 18:04 #13
olebole>> Jeg har opfattet det således, at mhass vil ændre udseende på \'gennemse\'-knappen. Hvis dine script kan gøre det, kan jeg ikke finde ud af at bruge/teste dine scripts - eller også trænger jeg måske til nye briller.
Avatar billede olebole Juniormester
17. oktober 2001 - 18:18 #14
Enten skal du helt tilbage til \'alert(\"Hello World\");\' - eller også skal du til optikeren  =o)
/mvh
Avatar billede olebole Juniormester
17. oktober 2001 - 18:20 #15
<html>
<body>
<style>
.submit
{
background: #D62921;
border: solid 3px #339966;
color: #cccccc;
}
</style>

<form>

<input type=\"submit\" class=\"submit\"><br><br>
<input style=\"display:none\" type=\"file\" name=\"ib\" onchange=\"this.form.bo.value=this.value\">

<input class=\"submit\" type=\"text\" name=\"bo\" value=\"Mit felt\">
<button class=\"submit\" onclick=\"this.form.ib.click();\">Min knap</button>

</form>

</body>
</html>

Prøv nu igen  ;o)
/mvh
Avatar billede callesen Praktikant
17. oktober 2001 - 18:37 #16
Din <input style=\"display:none\" type=\"file\" name=\"ib\" onchange=\"this.form.bo.value=this.value\"> er som du \'koder\' usynlig - så jeg må gi\' dig ret - du har virkelig ændret dens udseende; men ikke til det mhass ville ha\'. At du omgår det, at man ikke kan ændre udseende andet til usynligt, er snedigt - det skal du have en kompliment for. Men inden jeg skal have på puklen over ikke at kunne læse dansk eller hvilket udfald der end måtte komme ;-) - så prøv lige engang at læse min kommentar igen. Eller bedre: Min knap ændres til gennemse.
Avatar billede mhass Nybegynder
17. oktober 2001 - 18:38 #17
stort OLEBOLE jeg takker for hjælpen - det har virkeligt givet grå hår...
Avatar billede olebole Juniormester
18. oktober 2001 - 06:01 #18
Det er vel lidt en strid om Kejserens Skæg at slås, om det er at ændre en knap, at gøre den usynlig...?!?! ...og mon ikke mhass lige kan svinge sig op til at skrive \'Gennemse...\' i stedet for \'Min knap\'?  :)
Han kan endda skrive det ud med JavaScript, vægtet efter browserens sprog  :o)
Han kan ydermere skrive style=\"font:button\" i knappen, hvorefter den i IE/Win vil rendere fuldstændig korrekt - og størrelsen på skriften ville ændre sig med det farve-tema, du sætter i Windows.
Så deeeeeeet..........  ;o)
/mvh
Avatar billede erikjacobsen Ekspert
23. april 2003 - 14:22 #19
Dette lille hack virker så ikke mere i de nyere versioner af IE.

Har brugeren ikke selv eksplicit trykket på den (usynlige) gennemse-
knap, vil første forsøg på at submitte bevirke at feltet med filnavn
slettes. Næste submitforsøg vil så lykkes, men så kommer der ingen filer
med over.

Denne ændring af adfær skyldes (så vidt jeg ved) at der var et
sikkerhedshul.

Man kan simpelthen være så smart, at man burde surfe med begge
hænder bundet på ryggen ;)
Avatar billede peturkirke Novice
09. december 2008 - 23:52 #20
jeg har prøvet dette lille olebole trick af. I IE virker det fine, men ikke i Mozilla. Er der nogen der ved hvorfor ? Eller findes der måske et nyere trick nu ?
Avatar billede olebole Juniormester
10. december 2008 - 01:37 #21
Nej, idag er det blevet langt vanskeligere at gøre noget ved et file felt
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