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?
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
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 :)
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>
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>
19. marts 2006 - 19:53
#4
billede.jpg i ovenstående input skal lige rettes til /images/billede.jpg
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.
19. marts 2006 - 19:56
#6
amuk = smuk
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 :)
19. marts 2006 - 20:21
#8
Nåh, ja glemte lige: Hvis den mangler lidt så skriver du lige :)
12. april 2006 - 14:32
#9
Nå, legende kom ikke med svar
Vi tilbyder markedets bedste kurser inden for webudvikling