Avatar billede eflow Nybegynder
13. maj 2002 - 21:59 Der er 8 kommentarer og
1 løsning

Indsæt billed efter valg af billed i <input type="file">

Jeg vil gerne have hjælp til en funktion der vælger der billede man lige har valgt og indsætter det neden under input feltet.
havde regnet med at lave noget <div> om, hvordan har jeg ingen idé om, hvordan man hiver billedets navn ud har jeg heller ingen idé om ....

jeg er newbie til Javascript kan dog lige syntakst ...
Avatar billede hells Nybegynder
14. maj 2002 - 00:42 #1
Vel sådan noget her:
<select onChange="BILLEDETSID.src = this.options[this.selectedIndex].value">
<option value="img1.gif">billede1</option>
<option value="img2.gif">billede2</option>
</select>

<img src="img1.gif" id="BILLEDETSID" />

Så indsætter du bare stierne til billederne i value i option.
Avatar billede =maddog= Nybegynder
14. maj 2002 - 09:50 #2
ikke helt men næsten. ved billeder bruger man name attributen og ikke id. så
id = "BILLEDETSID" ----> name = "BILLEDETSID"
BILLEDETSID.src ----> document.images["BILLIDETSID"].src
Avatar billede eflow Nybegynder
14. maj 2002 - 14:21 #3
hells>> det ser helt fint ud, det skal bare ikke være en billed fra en select i html, men fra en input-file, det skal bruges til et upload system så folk vælger hvilken fil de vil bruge og så skal den så komme nedenunder ...
Avatar billede hells Nybegynder
14. maj 2002 - 15:00 #4
Nå, men så skulle dette gerne virke:
<input type="file" onChange="document.images['imgid'].src=this.value">
Avatar billede eflow Nybegynder
14. maj 2002 - 17:00 #5
det virker smukt, du får point .... bare lige et lille tillægs spm, et billed objekt hedder img, men hvad hedder et link ?
Avatar billede eflow Nybegynder
14. maj 2002 - 17:08 #6
hvis du gider se på det her ville jeg blive glad:
<script language="JavaScript" type="text/javascript">
function showpic(img,imglink,value){
    document.images[img].src = value;
    document.images[img].style = 'visibility:show';
    document.[imglink].href = value;
}
</script>
<input type="file" onChange="return showpic('imgid','imglink',this.value); alert('execute!')"><br><br>under dette:<br><br>
<a href="" name="imglink"><img src="#" width="100" height="100" name="imgid" style='visibility:show' />
jeg kan ikke få det til at virke, biledet skal først være gemt via styles og blive vist igen når billedet bilver til et billed der findes ...
Avatar billede hells Nybegynder
14. maj 2002 - 20:46 #7
Tilsvarende til document.images('navn') bruges document.anchors('navn')

Det kunne måske hjælpe, hvis du satte billedets visibility til hidden i img-tagget i stedet, hvis det ikke skal vises i starten. Derudover skal du ændre det til:
    document.images[img].style.visibility = 'show';
Det er kun værdien, der skal i ('), og her er det kun show
Avatar billede eflow Nybegynder
15. maj 2002 - 14:44 #8
min browser vil gå i debug mode og skriver:
"Could not get the visibility property. Invalid Argument"
:/
Avatar billede eflow Nybegynder
15. maj 2002 - 18:46 #9
jeg har fikset det på en anden måde, biledet er bare 0 højt og bredt når man så vælger bliver det 100 .... tak for det dejlige svar ;o)
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