Notifikationer

Markér alle som læst Log ud

kwanstudios Nybegynder

09. juli 2003 - 12:49 Der er 18 kommentarer og
1 løsning

Andet end grå farve i Browse/Gennemse knappen ved input type file

Jeg er i gang med at lave en formular hvor man blandt andet skal kunne uploade nogle billeder. Her er alle formular felterne stylet ved hjælp af dette CSS:

input, select, textarea {
font-family: verdana, tahoma, helvetica, arial, charcoal, sans-serif;
font-size: 8pt;
color: #000000;
background-color: #F2F3F4;
border-bottom: #ffffff 1px solid;
border-left: #929292 1px solid;
border-right: #ffffff 1px solid;
border-top: #929292 1px solid;
width: 250px;
margin-top: 10px;
}

Det virker også fint nok, men nu har jeg lavet en <input type="file"> hvor man kan uploade billeder, men Browse/Gennemse knappen forbliver grå og ret grim.. er der en måde hvorpå jeg bare kan ændre den grå farve?

Synes godt om

roenving Novice

09. juli 2003 - 12:53 #1

Det eneste trick jeg kender på den knap er at skjule den og så lave sin egen knap, som trykker på browse-knappen ...

-- tror det var i weekenden jeg så en henvise til oleboles løsning, som var lavet sådan ...

Synes godt om

kwanstudios Nybegynder

09. juli 2003 - 12:53 #2

og det virker også i andet end IE? :)

Synes godt om

keysersoze Ekspert

09. juli 2003 - 12:53 #3

noget af det tætteste er vistnok dette;

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

<input type="submit" class="submit"><br><br>
<input style="display:none" type="file" name="ib" onchange="this.form.bo.value=this.value">
<BR><BR>
<input class="submit" type="text" name="bo" value="Mit felt"><BR><BR>
<button class="submit" onclick="this.form.ib.click();">Gennemse</button>

</form>

</body>
</html>

Synes godt om

kwanstudios Nybegynder

09. juli 2003 - 12:54 #4

men under alle omstændigheder, så vis frem da :)

Synes godt om

roenving Novice

09. juli 2003 - 12:54 #5

Jamen, der var oleboles jo ;-)

Der skulle ik' være forskel på det ...

Synes godt om

kwanstudios Nybegynder

09. juli 2003 - 12:57 #6

Det ændrer sig alt for meget, plus det ikke virker hos mig overhovedet.. might be at min input type hedder upfil[], men skal bruge noget der virker ;)

Synes godt om

roenving Novice

09. juli 2003 - 13:03 #7

Hvad er det, som du har problemer med ?-)

Hvis du nøjes med:

<input type="submit" class="submit"><br><br>
<input style="display:none" type="file" name="ib" onchange="this.form.bo.value=this.value">
<BR><BR>
<input type="text" name="bo" value="Mit felt" size="50"><BR><BR>
<button onclick="this.form.ib.click();">Gennemse</button>

skulle du kunne få det, som du vil have det ...

Synes godt om

=maddog= Nybegynder

09. juli 2003 - 13:39 #8

funktionen click() duer vist kun i IE. det kan være men kan extende NS/Moz til også at understøtte det, men det bliver ikke mig der laver det.

Synes godt om

roenving Novice

09. juli 2003 - 13:53 #9

click() er understøttet af _alle_ scriptable browsere lige siden Netscape 2 og IE3, men inden v4'erne kom på banen, kunne de alene bruges på knap-type-inputs (button, submit osv.-)

Synes godt om

=maddog= Nybegynder

09. juli 2003 - 14:40 #10

aha.
har du prøvet det af i NS7? For det har jeg og det duer ikke.

Synes godt om

roenving Novice

09. juli 2003 - 14:44 #11

Næh ... jeg må holde mig til hvad kloge mennesker siger, når det handler om andet end min IE, men da den har været med fra NS2 til og med NS6 og fra IE3 til og med IE6 ville det være naturligt at tro på hvad de kloge siger ...

-- men hvad af det er det, som ikke virker ...

Synes godt om

=maddog= Nybegynder

09. juli 2003 - 14:51 #12

.click() virker ikke på <input type="file"> i NS7 i hvert fald. Den åbner ikke dialogen.
Hvilket er mærkeligt, for jeg er selvfølgelig også blevet nysgerrig.
file = document.createElement("INPUT");
file.setAttribute("type","file");
alert(file.click);
viser at funktionen er tilknyttet, men det virker af en eller anden grund ikke. Muligvis er det på grund af display:none;

Synes godt om

kwanstudios Nybegynder

10. juli 2003 - 17:12 #13

..så summa summarum er det ikke muligt?

(dem der føler sig fortjent bør smide et svar)

Synes godt om

roenving Novice

10. juli 2003 - 17:20 #14

Re dit spm 09/07-2003 12:53:45 må det jo så blive, at det virker i IE på Windows, at =maddog= har påvist, at det ikke virker i NS7, såeh ...

Synes godt om

kwanstudios Nybegynder

11. juli 2003 - 20:32 #15

igen.. dem der vil have point bør smide et svar indenfor de næste 24 timer :)

Synes godt om

=maddog= Nybegynder

12. juli 2003 - 01:41 #16

jeg behøver næppe point for at påpege noget du havde opdaget i løbet af 5 minutter selv.

Synes godt om

roenving Novice

12. juli 2003 - 01:46 #17

>>=maddog=

er du kommet længere med din undersøgelse af click() på NS7 -- har du f.eks. prøvet med en synlig ?-)

Synes godt om

=maddog= Nybegynder

12. juli 2003 - 01:57 #18

jeg har prøvet næsten alt. no dice. en mærkelig undtagelse. kanske man skulle trille forbi DevEdge og give Netscape drengene en heads up så de kan få arbejdet med at rette hvad der tilsyneladende er en smutter.

Synes godt om

roenving Novice

12. juli 2003 - 12:15 #19

-- ku' være man skulle prøve at nærstudere deres forudsætninger, ja !-)

-- det skal selvfølgelig lige understreges, at det Danny Goodman siger i javascript bible er, at javascript fra starten kun understøttede .click() på egentlige knapper, men at det blev udvidet til at dække de fleste elementer i IE4/NS6 ...

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS