---
title: "popup fönster med olika storlekar beronde på bilden..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/42395-popup-fönster-med-olika-storlekar-beronde-på-bilden"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "LearningASP"
published: "2002-04-24T09:37:34.000Z"
updated: "2002-05-15T20:01:55.000Z"
replies: 5
views: 621
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/42395-popup-fönster-med-olika-storlekar-beronde-på-bilden"
---

# popup fönster med olika storlekar beronde på bilden...

## #1 — LearningASP, 2002-04-24T09:37Z

jag har popup-föster på denna sida <http://www.pump.to>

logga in med följande uppg

email: <dunder_dude@hotmail.com>
lösen: webforum

under \[Bildtoppen\] har jag det popup-fönstret... men ibland har bilderna olika storlekar och då undrar jag om man kan ändra så att man kan få att fönstret anpassar sig efter bilden... hur gör man det?

Tack på förhand

Permalänk: https://www.webforum.nu/p/42395

## #2 — solbulle, 2002-04-24T12:55Z

Typ detta använder jag mig av:

```
<html>
<head>
<title>.:: Veckans snyggingar ::.</title>

</head>
<body onLoad="storlek()"  onresize="storlek()" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" rightmargin="0" style="margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px">

<script language="JavaScript" type="text/javascript">
<!--
function storlek(){
resizeTo(document.images['foo'].width,document.images['foo'].height)
}
//-->
</script>
<A HREF='javascript:close()'><img name="foo" src="<%=Request.QueryString("bild")%>"  alt="<%=Request.QueryString("beskrivning")%>" border="0"> </A>
</body>
</html>
```

Permalänk: https://www.webforum.nu/p/656892

## #3 — LearningASP, 2002-04-24T18:07Z

jag provade med detta men jag får Object expected

```
<script type="text/javascript">
		
		function imgWinPopup(url,width,height){

			if (parseInt(navigator.appVersion) >= 3){
				if (navigator.appName == "Netscape" && parseInt(navigator.appVersion)<5){
					var tools = new Packages.java.awt.Toolkit.getDefaultToolkit();
					screen=tools.getScreenSize();
				}
					x = screen.width;
					y = screen.height;
			}
			imgWin = window.open("","","top=" + parseInt(y/2-height/2-16) + ",left=" + parseInt(x/2-width/2-5) + ",width=" + width + ",height=" + height +",toolbar=no,location=no,directories=no,status=no,menubar=no");
			with(imgWin.document){
			open();
			resizeTo(document.images['foo'].width,document.images['foo'].height)
			write("<html>\n<head>\<title>.:: Veckans snyggingar ::.</title>\n</head>\n<body marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 rightmargin=0>\n");
			// write("<img src=\"" + url + "\" width=\"" + width + "\" height=\"" + height + "\">\n");
			write("<img name="foo" src=\"" + url + "\">\n");
			write("</body>\n</html>\n");
			close();
			}
		}
			</script>
```

 

går det inte att göra så?

Permalänk: https://www.webforum.nu/p/657102

## #4 — henrikjohansson, 2002-05-15T16:53Z

Jag gjorde så här

```
<html>
<head>
<title>Titel</title>

</head>
<body onLoad="storlek()"  onresize="storlek()" marginwidth="0"
 marginheight="0" leftmargin="0" topmargin="0" rightmargin="0"
 style="margin-left: 0px; margin-right: 0px; margin-top: 0px; 
margin-bottom: 0px">

<script language="JavaScript" type="text/javascript">
<!--
function storlek(){
resizeTo(document.images['bild'].width,document.images['bild'].height)
}
//-->
</script>
<img name="bild" src="<%=Request.QueryString("bild")%>" border="0">
</body>
</html>
```

 

Men det är fortfarande för litet fönster.. Nån som kan hjälpa mig

Jag vill även att om man trycker på en ny bild så skall den öppnas i samma fönster (det gör den nu) men fönstret tappar fokus.. Kan man inte göra så att fönstret får fokus när sidan laddas?

Permalänk: https://www.webforum.nu/p/673784

## #5 — Jesper T, 2002-05-15T18:11Z

Detta har jag på sidan som skall öppna fönstret:

```
preview = recset("imageURL")' det kan ju även stå tex bild.gif

ImageURL = "<a href=preview.asp?pic="& preview &" onClick=""window.open('','fonster','width=200,height=200');"" target='fonster'><img src='../bilder/" & preview & "' width=80 height=80 border=0 alt='Klicka på bilden för att förstora'></a>"
```

 
Och sidan som kommer upp i popuppen heter "preview.asp"

```
 <%pic = request.querystring("pic")%>
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var isNav4, isIE4;
if (parseInt(navigator.appVersion.charAt(0)) >= 4) {
isNav4 = (navigator.appName == "Netscape") ? 1 : 0;
isIE4 = (navigator.appName.indexOf("Microsoft") != -1) ? 1 : 0;
}
function fitWindowSize() {
if (isNav4) {
window.innerWidth = document.layers[0].document.images[0].width;
window.innerHeight = document.layers[0].document.images[0].height;
}
if (isIE4) {
window.resizeTo(500, 500);
width = 500 - (document.body.clientWidth -  document.images[0].width);
height = 500 - (document.body.clientHeight -  document.images[0].height);
window.resizeTo(width, height);
   }
}
//  End -->
</script>
<title>Bildförstorare</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onBlur="window.close()" onLoad="fitWindowSize()">
<div style="position:absolute; left:0px; top:0px">

    <%Response.write "<img name='pic' alt='"&pic&"' src='/bilder/"& pic &"'>" %>

</div>
</body>
</html>
```

 

LYCKA TILL

MVH Jesper T

Permalänk: https://www.webforum.nu/p/673827

## #6 — henrikjohansson, 2002-05-15T20:01Z

Tackar det fungerar utmärkt.. 
Har iofs bara testat i explorer 6 men det skall väl fungera i alla nya 'bläddrare'

Permalänk: https://www.webforum.nu/p/673882

---

Tråden på webben: https://www.webforum.nu/amne/javascript/42395-popup-fönster-med-olika-storlekar-beronde-på-bilden
