webForumDet fria alternativet

Värde från inpu som relgerar sökväg till bild

JavaScript

11 svar · 560 visningar · startad av peppar

Medlem sedan dec. 2001873 inlägg
Frågan#1

Jag har ett inputfält: Som tilldelas ett värde: t.ex.

/img/bild.jpg

Nedanför detta fält vill jag visa bilden när fältet fått sitt värde. Fältet får sitt värde efter en uppladdning i ett annat fönster och det tilldelas såhär:

onClick="window.opener.document.newmember.fld_img.value=document.form1.input1.value;self.close();"

Kan man uppdatera bildens sökväg i imgtaggen utan att behöva ladda om sidan och samtidigt visa den nya bilden?

<input type="text" name="fld_img">
<img src="[B]här vill jag hämta inputfältets värde[/B]" width="200" height="150">
Medlem sedan nov. 20014 054 inlägg
#2

det bör väl gå bra.. det är väl bara att sätta img-taggens src till input fältets värde..

ge img-taggen ett id, ex. id="img_tag"

document.getElementById('img_tag').src = hämta sökvägen från ditt fält där den finns...

typ! :)

Medlem sedan dec. 2001873 inlägg
#3

Ja, något händer ivarje fall. Bilden försvinner när sökvägen byts och såhär ser koden ut nu

<input type="text" name="fld_img" id="fld_img" onChange="document.getElementById('imgprev').src=fld_img;">
<img src="exempelbild.jpg" width="200" height="150" id="imgprev">

De nya bilden borde ju då visas... men som sagt den försvinner

Medlem sedan juni 20014 421 inlägg
#4

Jag antar att du redan har kontrollerat så att sökvägen faktiskt har blivit korrekt och inte bara chansar att den är det?

Medlem sedan dec. 19996 721 inlägg
#5
onChange="document.getElementById('imgprev').src=this.value;"
Medlem sedan dec. 2001873 inlägg
#6

Jepp, det blev bättre

Medlem sedan dec. 2001873 inlägg
#7

Men nu uppstår naturligtvis ett annat frågetecken.

Om jag skriver in sökvägen förhand i fältet och tabbar ur så byter bilden och det fungerar. Men när sökvägen kommer från uppladdningsfönstret så ändras inte bilden... Kan jag komma runt det på något sätt?

Medlem sedan dec. 19996 721 inlägg
#8

I opener

function setImage(imgvalue)
{
   document.getElementById('fld_img').value=imgValue;
   document.getElementById('bildens_id').src=imgValue;
}

i fönster

onClick="window.opener.setImage(document.form  1.input1.value);self.close();"
Medlem sedan dec. 2001873 inlägg
#9

fick inte den att fungera..

Medlem sedan juni 20014 421 inlägg
#10

Vad får du för fel?

Medlem sedan dec. 2001873 inlägg
#11

Inget synligt fel, men vid onClick så tilldelas inga värden i opener.

Frågan är dock om emissions funktion bör ligga i head? Sidan som är opener öppnas i en annan sida med server.execute (asp) vilket gör att det inte finns något head i openersidan utan endast i sidan som hämtar opener..

Kan det ställa till det?

Medlem sedan dec. 19996 721 inlägg
#12

peppar skrev:

Frågan är dock om emissions funktion bör ligga i head? Sidan som är opener öppnas i en annan sida med server.execute (asp) vilket gör att det inte finns något head i openersidan utan endast i sidan som hämtar opener.

Med andra ord finns det ett huvud. Hur ASP bygger ihop sidan är inte relevant för webbläsaren och Javascript. Men funktionen behöver inte ligga i huvudet.

Men, det primära är inte funktionen utan att du måste sätta båda elementens värden från popupen.

252 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)