Søg
Avatar billede lund_dk Praktikant
19. marts 2006 - 15:29 Der er 8 kommentarer og
1 løsning

Vis Billede i Popup vindue

Jeg har et inputfelt hvor jeg har en sti til et billede
eks:
<input type="text" value="/images/billede.jpg" name="billede1">

Derudover har jeg en knap, hvor at ved klik på denne knap, vil jeg have mit billede vist i et pop-up vindue.

<button class="inputget" title="Vis billede"><img border="0" src="images/ikoner/eye.gif"></button>

Nogen som kan hjælpe her, med hvordan jeg sender værdien fra input felt videre til et vindue?
Avatar billede baitianlong Nybegynder
19. marts 2006 - 19:24 #1
<input id="billedet" type="text" value="/images/billede.jpg" name="billede1">
<button class="inputget" title="Vis billede" onclick="window.open(document.getElementById['billedet'].value)"><img border="0" src="images/ikoner/eye.gif"></button>

...Proev med det :)
Avatar billede mclemens Nybegynder
19. marts 2006 - 19:51 #2
Her er en mere hvis den første ikke virker (har ikke testet den første... men havde jo lavet denne før jeg så posten så kan ligeså godt poste denne også...)

<html><head><script type="text/javascript" language="javascript">

function popit(pict){pict=document.getElementById(pict).value;
popins=window.open("","popins","width=300,height=200,status=no,toolbar=no,location=no,directories

=no,resizable=no,menubar=no");

popins.document.write('<html><head><title>Din titel</title><script type="text/javascript"

language="javascript">function

resizepopit(){pich=document.getElementById("pictpopit").scrollHeight;picw=document.getElementById

("pictpopit").scrollWidth;if(pich>screen.availHeight)pich=screen.availHeight;if(picw>screen.avail

Width)picw=screen.availWidth;window.resizeTo(picw,pich);window.moveTo((screen.availWidth-picw)/2,

(screen.availHeight-pich)/2)}<\/script></head><body style="margin:0px;padding:0px;"><img

id="pictpopit" src="'+pict+'" onLoad="resizepopit();"></body></html>');
}

</script>

</head>

<body>
<form>
<input type="text" value="/images/billede.jpg" id="billede" name="billede">

<button class="inputget" title="Vis billede" onClick="popit('billede');"><img border="0"

src="images/ikoner/eye.gif"></button></form>

</body>
Avatar billede mclemens Nybegynder
19. marts 2006 - 19:53 #3
Dang, scriptet blev ombrudt her er det igen :/

<html><head><script type="text/javascript" language="javascript">

function popit(pict){pict=document.getElementById(pict).value;
popins=window.open("","popins","width=300,height=200,status=no,toolbar=no,location=no,directories=no,resizable=no,menubar=no");

popins.document.write('<html><head><title>Din titel</title><script type="text/javascript" language="javascript">function resizepopit(){pich=document.getElementById("pictpopit").scrollHeight;picw=document.getElementById("pictpopit").scrollWidth;if(pich>screen.availHeight)pich=screen.availHeight;if(picw>screen.availWidth)picw=screen.availWidth;window.resizeTo(picw,pich);window.moveTo((screen.availWidth-picw)/2,(screen.availHeight-pich)/2)}<\/script></head><body style="margin:0px;padding:0px;"><img id="pictpopit" src="'+pict+'" onLoad="resizepopit();"></body></html>');
}

</script>

</head>

<body>
<form>
<input type="text" value="billede.jpg" id="billede" name="billede">

<button class="inputget" title="Vis billede" onClick="popit('billede');"><img border="0" src="images/ikoner/eye.gif"></button></form>

</body>
Avatar billede mclemens Nybegynder
19. marts 2006 - 19:53 #4
billede.jpg i ovenstående input skal lige rettes til /images/billede.jpg
Avatar billede baitianlong Nybegynder
19. marts 2006 - 19:55 #5
Min burde nu virke fint, bortset fra at jeg er kommet til at saette firkantede paranteser i stedet for runde i getElementById('billedet')  ;)

Men den anden version er lidt mere amuk, da der ogsaa skaleres i vinduet.
Avatar billede baitianlong Nybegynder
19. marts 2006 - 19:56 #6
amuk = smuk
Avatar billede mclemens Nybegynder
19. marts 2006 - 20:18 #7
lund_dk du vælger bare den version du har lyst til ;)
- og giver legende.dk points , han kom først med en løsning,
jeg følte bare at det ville være synd ikke at poste min :´|

Men den anden version er lidt mere smuk, da der ogsaa skaleres i vinduet.>
- Takker for ros, det er en ligeså god belønning :)
Avatar billede mclemens Nybegynder
19. marts 2006 - 20:21 #8
Nåh, ja glemte lige: Hvis den mangler lidt så skriver du lige :)
Avatar billede lund_dk Praktikant
12. april 2006 - 14:32 #9
Nå, legende kom ikke med svar
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 09:37 hvilken AI synes I er bedst? Af jcr18 i Andre onlineløsninger
22/0518:51 Pausepil på youtube i chrome Af valby i Browsere
22/0511:42 Mail med endelsen ".lat" Af ErikHg i E-mail
21/0511:48 Nyåbnede sider flimrer på Android tablet, hvorfor Af annam i Andet software
21/0511:03 Bitlocker fordele-ulemper, samt nulstille PC Af Uvanga i Windows
White papers
Flere white papers »