Avatar billede lund_dk Praktikant
23. november 2007 - 15:49 Der er 13 kommentarer og
1 løsning

Insæt billede

Jeg har et skjult input felt som hedder
<input type="hidden" name="billede">

og en knap der hedder:
<input type="button" onclick=".." value="Vælg billede">

Når man klikker på "vælg billede" skal en popup vises med nogle billeder.

Det skal så være muligt at klikke på et billede, som skal indsætte billedets filnavn "billede.jpg" i det skjulte input fejlt, og vinduet skal lukke.

Kunsten skal så være at den at den derefter indsætter billedet som preview på siden.
Eks at <img src="billede/blank.gif"> så erstattes af billede/billede.jpg eller anden metode.

Nogen der kan hjælpe mig her?
Avatar billede w13 Novice
23. november 2007 - 17:24 #1
Så det skal gøres fra et popupvindue?

Brug koden:

opener.document.getElementById("preview").setAttribute("src","billede/billede.jpg");

Det kræver så naturligvis, at du har id="preview" på <img src="billede/blank.gif">
Avatar billede lund_dk Praktikant
23. november 2007 - 22:34 #2
Yes, fra et pop-up vindue.

men vil skal også lige have billede/billede.jpg smidt ind i det skjulte input felt
Avatar billede w13 Novice
23. november 2007 - 22:41 #3
opener.document.getElementById("preview").setAttribute("src","billede/billede.jpg");
opener.document.getElementById("id-på-skjulte-inputfelt").setAttribute("value","billede/billede.jpg");
Avatar billede lund_dk Praktikant
23. november 2007 - 22:42 #4
Synes heller ikke at jeg kan få din ovenstående kode til at virke..
Avatar billede w13 Novice
23. november 2007 - 22:46 #5
Koden virker fint, hvis de rette forudsætninger er tilstede.

Jeg må enten se din kode eller - endnu bedre - et link til koden i aktion, så jeg kan finde ud af, hvad der er galt.

Og det altafgørende for at rette fejl i en kode: hvad siger fejlmeddelelsen, der er galt? Fejlmeddelelser er jo til for at fortælle dig, hvad du gør galt. "Virker ikke" er et meget vidt begreb.
Avatar billede lund_dk Praktikant
23. november 2007 - 22:50 #6
Kan ikke give link, de det ligger inde i et lukket intranet ;)

Jeg fiflede lidt med koden få ville gerne lave en function ud af det, skal bare lige have hjælp til at rette det til -  for javascript er jeg på ingen måde stærk i ;)

<script>
function insert(filnavn)
{
opener.document.getElementById("preview").setAttribute("src","/album/thumb/' + filnavn + '");
opener.document.getElementById("billede").setAttribute("value","' + filnavn + '");
}
</script>

<a href="#" onclick="insert('billede.jpg');">test</a>


men denne kode indsætter den ' + filnavn + ' i mit input felt, der skal den indsætte billede.jpg i stedet :P

og preview af billede får jeg den ikke til, selvom mit billede hedder
<img src="/images/c.gif" id="preview" >
Avatar billede w13 Novice
23. november 2007 - 22:55 #7
Du er tæt på, du har bare: + '"
for meget.

Sådan her:
--------------------------------------
<script type="text/javascript">
function insert(filnavn)
{
opener.document.getElementById("preview").setAttribute("src","/album/thumb/"+filnavn);
opener.document.getElementById("billede").setAttribute("value","+filnavn);
}
</script>

<a href="#" onclick="insert('billede.jpg');">test</a>
Avatar billede w13 Novice
23. november 2007 - 22:59 #8
Hov, nej, nu fucker jeg det op. Sådan her selvfølgelig:
----------------------------
<script type="text/javascript">
function insert(filnavn)
{
opener.document.getElementById("preview").setAttribute("src","/album/thumb/"+filnavn);
opener.document.getElementById("billede").setAttribute("value",filnavn);
}
</script>

<a href="#" onclick="insert('billede.jpg');">test</a>
Avatar billede lund_dk Praktikant
23. november 2007 - 23:00 #9
nupper jeg din kode, så sker der intet :p
Avatar billede w13 Novice
23. november 2007 - 23:02 #10
Også med den sidste?
Avatar billede lund_dk Praktikant
23. november 2007 - 23:02 #11
yes sir.. der var den..

Super duper.. :D
Avatar billede w13 Novice
23. november 2007 - 23:06 #12
:)
Avatar billede w13 Novice
24. november 2007 - 07:29 #13
Tak for point!
Avatar billede roenving Novice
24. november 2007 - 16:49 #14
-- og en lille optimering:

function insert(filnavn) {
  var opDoc = opener.document;
  opDoc.getElementById("preview").setAttribute("src","/album/thumb/"+filnavn);
  opDoc.getElementById("billede").setAttribute("value",filnavn);
}
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