Avatar billede brink99 Nybegynder
20. april 2004 - 12:13 Der er 20 kommentarer og
2 løsninger

billede på en knap

Hej alle i nørder derude, jeg sidermed en opload knap med en style på. DEt er sådfan set godt nok men jeg vil gerne have at den knap der kommer bliver et billede jeg selv har lavet kan det lade sig gøre.??

jeg skriver sådan:
<input class="tekstfelt"  type="file" name="FILE1">

/brink
Avatar billede roenving Novice
20. april 2004 - 12:17 #1
Ikke med type="file" ...
Avatar billede the_legend Nybegynder
20. april 2004 - 12:31 #2
<a href=lnik.php><img src="BILLED.JPG" alt=""></a>
Avatar billede roenving Novice
20. april 2004 - 12:33 #3
>>the_legend

Jeg forstår ikke lige, hvad et link med et billede har at gøre med en file upload-input ?-)
Avatar billede brink99 Nybegynder
20. april 2004 - 12:34 #4
roenving: er du helt sikke på at det ikke kan lade sig gøre.

/brink
Avatar billede brink99 Nybegynder
20. april 2004 - 12:35 #5
er der eventuelt andre mådert at løse problemet på??

/brink
Avatar billede sbm Nybegynder
20. april 2004 - 12:36 #6
Det er liiiiidt et eksperiment det her.

Jeg går ud fra at du vil lave en file-upload <input type="file"> osv... Og at den tilhørende knap ikke skal være en knap, men et billede?

Jeg har prøvet følgende. Umiddelbart virker den kun i MSIE, men måske andre kan tilpasse den så den også virker i f.eks. Mozilla....?


<html>
<body>
<input id="file1" style="visibility: hidden" class="tekstfelt" type="file" name="file1" onchange="textfield.value=this.value;">
<img src="uploadknap.jpg" onclick="file1.click();"><br />
<input type="text" id="textfield">
</body>
</html>
Avatar billede roenving Novice
20. april 2004 - 12:41 #7
>>brink99

Ja, jeg er helt sikker ...

>>sbm
Den kan ikke komme til at virke i andet end IE (og måske Opera), da det i almindelighed anses for et brud på grundlæggende sikkerhed at clicke på skjulte elementer ...

At du så også har lavet den konkrete kode, så det ikke opfylder de mest grundlæggende standarder for javascript og ECMA-scripts HTML-binding, gør det selvfølgelig ikke bedre !-)
Avatar billede brink99 Nybegynder
20. april 2004 - 12:45 #8
Roenving: nu sider jeg og bliver helt nervøs... er den kode som sbm har lavet brugbar til noget eller ville det være en dårlig ide.

koden virker sådan et fint.

/brink
Avatar billede roenving Novice
20. april 2004 - 12:53 #9
Ja, den virker fint i et IE-miljø, så hvis du er sikker på at alle dine brugere er IE-brugere (måske Opera også !-), så er den jo fjong ...

Jeg arbejder bare altid selv mod internettet, hvor det jo er en absolut forbrydelse, at forudsætte andet, end at brugeren har forbindelse, og har derfor rutinerne skruet sådan på !o]
Avatar billede pelkjaer Nybegynder
20. april 2004 - 12:57 #10
Grundlæggende er jeg enig med roenving, men taler vi om et "bagvedliggende" applikation, er IE only iorden efter min mening (og branchens i almindelighed) :)
Avatar billede brink99 Nybegynder
20. april 2004 - 12:57 #11
det er alletiders.... jeg tror jeg vil bruge den aligevel.

knappen skal bruges til et internt program og der vil derfor være mulighed for at informere brugerne om problemet.

mange tak roenving og sbm kan i ikke lige skrive et svar så kan i få nogle point.

/brink
Avatar billede sbm Nybegynder
20. april 2004 - 13:00 #12
roenving >> Ok. Hvis vi nu abstraherer fra det med en skjulte knap, hvordan skulle det så se ud for at være "politisk korrekt"?
Avatar billede sbm Nybegynder
20. april 2004 - 13:01 #13
Hov. Svar.
Avatar billede sbm Nybegynder
20. april 2004 - 13:15 #14
I øvrigt. Fodnote. PS. osv....

hvis brugeren manuelt skriver et filnavn i tekstfeltet, skal du have værdien over i din upload, så i textfeltet skal der også være onchange der sikrer at upload bliver opdateret.
Avatar billede roenving Novice
20. april 2004 - 13:15 #15
>>sbm
Det kan såvidt jeg ved ikke laves på andre måder ...

-- og der er ikke noget 'politisk ukorrekt' (medmindre du gør det for at promovere en mindre virksomhed i Seattle, Wa !-)

Men Peter udtrykker det egentlig meget godt: Kender du dit scope, så byg dine applikationer efter det !o]

-- jeg ville heller ikke drømme om at bruge 700 timer på at bygge et CMS, så det kunne du i alle browsere, hvis brugerne var forsamlet indenfor 4 vægge, hvor der aldrig kom andet end M$-software ind ...

-- og velbekomme, brink '-)
Avatar billede brink99 Nybegynder
20. april 2004 - 13:27 #16
det er alle tiders men sbm jkeg prøver at skrive som du sige altså

onchange="file1.value=this.value;"

men det vil ikke virke har du nogen ide om hvorfor.

hele scriptet ser sådan her ud:

<input class="tekstfelt" id="file1" style="visibility: show" type="file" name="file1" onchange="textfield.value=this.value;" size="1">
<input class="tekstfelt" type="text" id="textfield" onchange="file1.value=this.value;"><img src="../billeder/knap_rediger.jpg" onclick="file1.click();">

/brink
Avatar billede roenving Novice
20. april 2004 - 13:31 #17
Øeh, sbm, hvordan vil du lige putte en værdi ind i input type="file"-felt ?-)

Det er nemlig ikke tilladt at sætte værdier ind i sådan et felt (tænk, hvis man lige inden en submit af en form indsatte stien til registry !-)
Avatar billede sbm Nybegynder
20. april 2004 - 13:31 #18
"At du så også har lavet den konkrete kode, så det ikke opfylder de mest grundlæggende standarder for javascript og ECMA-scripts HTML-binding, gør det selvfølgelig ikke bedre !-)"

Du nævner her nogle punkter jeg har forbrudt mig imod. Jeg går ud fra at du ville have dem til at se anderledes ud...? Jeg smider gerne lidt point for at få et konstruktivt svar. Jeg er langtfra nogen javascript haj, og jeg skal vel spørge for at blive klogere? :-)
Avatar billede sbm Nybegynder
20. april 2004 - 13:32 #19
roenving >> Good point. Så må man vel sætte tekstfeltet, så der ikke kan tastes manuelt i det.
Avatar billede brink99 Nybegynder
20. april 2004 - 13:36 #20
tak for hjælpen og jeg håber at i finder ud af det... hvis der kommer en bedre løsning vil jeg meget gerne høre den.

/brink
Avatar billede roenving Novice
20. april 2004 - 13:37 #21
>>sbm

Denne kode:

onchange="textfield.value=this.value;"

forudsætter den ikke standardiserede Jscript-ting document.all (som det er tilladt at udelade !-)

Ingen andre udgaver af ECMA-script tillader den slags, bl.a. fordi det er direkte imod w3cs anbefalinger ...

Det kan så undre at M$ med den ene hånd placerer sine 75% af stemmerne for en standard og med den anden laver noget på tværs af den, men sådan fungerer det åbenbart over there !o]
Avatar billede roenving Novice
20. april 2004 - 13:38 #22
-- og tak for point ;~}
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
Kurser inden for grundlæggende programmering

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