---
title: "Öppna i nytt men ändå samma fönster?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/87381-öppna-i-nytt-men-ändå-samma-fönster"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Tompa5"
published: "2003-10-01T11:39:33.000Z"
updated: "2003-10-03T08:41:37.000Z"
replies: 15
views: 480
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/87381-öppna-i-nytt-men-ändå-samma-fönster"
---

# Öppna i nytt men ändå samma fönster?

## #1 — Tompa5, 2003-10-01T11:39Z

Knasig rubrik kanske, men det jag behöver lite hjälp med är:

Jag har ett galleri med bilder (tumnaglar) och när man klickar på en av dom så ska den dyka upp i ett nytt fönster, men om man inte stänger det fönstret utan klickar direkt på nästa bild så ska den ersätta den första bilden i popupfönstret...
Låter det vettigt?

Går det att göra?

tacksam för svar fort...lite brådis.... Tack / Tompa5

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

## #2 — @nders, 2003-10-01T11:40Z

Ange samma fönsternamn i window.open, så kommer fönstret återanvändas om det finns kvar.

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

## #3 — Palle, 2003-10-01T11:41Z

Inga problem, visa oss koden för hur du öppnar popup´en. :)

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

## #4 — Tompa5, 2003-10-01T11:45Z

Här kommer koden:

\<html\>
\<head\>
\<title\>Galleri Kaos\</title\>
\<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"\>
\<script language="JavaScript" type="text/JavaScript"\>
\<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//--\>
\</script\>
\</head\>

\<body onLoad="MM_openBrWindow('ny_sida_1.htm','bild','width=250,height=250')"\>
\<!-- Istället för att det står bild1.jpg så hamnar det en bild där som är länkad --\>
bild1.jpg 
\</body\>
\</html\>

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

## #5 — mattiasnordin, 2003-10-01T11:49Z

Har för mig att du kan skapa en vanlig länk där du öppnar resultatet i ditt nyskapade fönster. Kräver att fönstret existerar annars öppnas det i ett nytt...

\<a href="bild1.jpg" target=bild\>Länknamn\</a\>
\<a href="bild2.jpg" target=bild\>Länknamn\</a\>
\<a href="bild3.jpg" target=bild\>Länknamn\</a\>

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

## #6 — Palle, 2003-10-01T12:10Z

Lite overkill, men jag hittade detta script undangömt på hårddisken.
Kanske du kan leka med. ;)

**Del1 - ex. index.htm**

```
[red]<html>
<head>

	<title>Galleri Kaos</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

	<script type="text/javascript">

		/*
			Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
			får användas fritt så länge som dessa rader står kvar.
		*/

		function showImage(IMG,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;
			}
			window.open("bilder.htm?img="+ IMG,"imgpop","top=" + parseInt(y/2-height/2-16) + ",left=" + parseInt(x/2-width/2-5) + ",width=" + width + ",height=" + height).focus();
		}

	</script>

</head>
<body>

<a href="javascript:void(showImage('bild1.jpg',250,250));"><img src="bild1.jpg"></a><br>
<a href="javascript:void(showImage('bild2.jpg',250,250));"><img src="bild2.jpg"></a><br>
<a href="javascript:void(showImage('bild3.jpg',250,250));"><img src="bild3.jpg"></a><br>
<a href="javascript:void(showImage('bild4.jpg',250,250));"><img src="bild4.jpg"></a>

</body>
</html>[/red]
```

**Del2 - bilder.htm**

```
[red]<html>
<head>

	<title>Bilder..</title>

</head>
<body style="margin: 0;">

	<script type="text/javascript">

		/*
			Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
   			får användas fritt så länge som dessa rader står kvar.
		*/

		function getVar(varname) {
			var st = unescape(location.search);
			st = st.replace(/\+/g," ");
			if (st.indexOf(varname) != -1){
				var tempst = st.substring(st.indexOf(varname + "=") + varname.length + 1,st.length);
				if (tempst.indexOf("&") != -1) {
					var newtemp = tempst.substring(0, tempst.indexOf("&"));
					return newtemp;
				} else {
					return tempst;
				}
			} else {
				return("");
			}
		}

		document.write('<img src=\"'+ getVar("img") +'\">');

	</script>

</body>
</html>[/red]
```

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

## #7 — Tompa5, 2003-10-02T07:19Z

Jag vet inte vad jag gör för fel, men med ovanstående script så öppnas inget nytt fönster, när man klickar på en bild så går man till en tom sida utan bilder  och i samma fönster....

:(

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

## #8 — Palle, 2003-10-02T17:00Z

Hur ser din kod ut nu, visa. :)

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

## #9 — Jojoxx, 2003-10-02T17:31Z

Observera att forumet ändrar **javascript** till **java script** Du skall alltså inte ha med mellanslaget i koden.

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

## #10 — Tompa5, 2003-10-02T18:36Z

Ok, min kod ser ut som följer:

Index.htm=
\<html\>
\<head\>

	\<title\>Galleri Kaos\</title\>
	\<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"\> 

	
\<script type="text/javascript"\>
\<!--
/\*
			Detta script finns att hämta på <http://www.jojoxx.net> och
			får användas fritt så länge som dessa rader står kvar.
		\*/

		
function resizeWin(){
	picWidth = document.all.img1.width;
	picHeight = document.all.img1.height;
	
	posLeft = parseInt((screen.width/2)-parseInt(picWidth/2));
	posTop = parseInt((screen.height/2)-parseInt(picHeight/2)-50);
		
	window.resizeTo(picWidth+40, picHeight+92);
	window.moveTo(posLeft, posTop);
}

function MM_callJS(jsStr) { //v2.0
  return eval(jsStr)
}
//--\>
\</script\>

\</head\>
\<body\>
\<a href="java script:void(showImage('bild1.jpg',100,67);"\>\<img src="bild1.jpg"\>\</a\>\<br\>
\<a href="java script:void(showImage('bild2.jpg',250,250);"\>\<img src="bild2.jpg"\>\</a\>\<br\>
\<a href="java script:void(showImage('bild3.jpg',250,250);"\>\<img src="bild3.jpg"\>\</a\>\<br\>
\<a href="java script:void(showImage('bild4.jpg',250,250);"\>\<img src="bild4.jpg"\>\</a\>\<br\>
\<br\>
\<a href="bild1.htm" target=bild onClick="MM_callJS('resizewin')"\>Länknamn\</a\>
\<script language="JavaScript" type="text/JavaScript"\>

function resizeWin(){
	picWidth = document.all.img1.width;
	picHeight = document.all.img1.height;
	
	posLeft = parseInt((screen.width/2)-parseInt(picWidth/2));
	posTop = parseInt((screen.height/2)-parseInt(picHeight/2)-50);
		
	window.resizeTo(picWidth+40, picHeight+92);
	window.moveTo(posLeft, posTop);
}
\</script\>
\<a href="bild2.jpg" target=bild\>Länknamn\</a\> \<a href="bild3.jpg" target=bild\>Länknamn\</a\> 
\</body\>
\</html\>

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

## #11 — Tompa5, 2003-10-02T18:36Z

del2:

bilder.htm=

\<html\>
\<head\>

	\<title\>Bilder..\</title\>

\</head\>
\<body style="margin: 0;"\>

	\<script type="text/javascript"\>

		/\*
			Detta script finns att hämta på <http://www.jojoxx.net> och
   			får användas fritt så länge som dessa rader står kvar.
		\*/

		function getVar(varname) {
			var st = unescape(location.search);
			st = st.replace(/\\+/g," ");
			if (st.indexOf(varname) != -1){
				var tempst = st.substring(st.indexOf(varname + "=") + varname.length + 1,st.length);
				if (tempst.indexOf("&") != -1) {
					var newtemp = tempst.substring(0, tempst.indexOf("&"));
					return newtemp;
				} else {
					return tempst;
				}
			} else {
				return("");
			}
		}

		document.write('\<img src="'+ getVar("img") +'\\"\>');

	\</script\>

\</body\>
\</html\>

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

## #12 — solbulle, 2003-10-02T18:47Z

Du har ju inte direkt lyckats med ditt "klipp & klistrande". Ta o kika lite på Palles kod igen så lär du se rejäla skillnader i din kod o hans kod.

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

## #13 — Jojoxx, 2003-10-02T18:53Z

En korrigerad index.htm:

```
<html> 
<head> 
<title>Galleri Kaos</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
</head> 
<body> 
<a href="javascript:void(showImage('bild1.jpg',100,67));"><img src="bild1.jpg"></a><br> 
<a href="javascript:void(showImage('bild2.jpg',250,250));"><img src="bild2.jpg"></a><br> 
<a href="javascript:void(showImage('bild3.jpg',250,250));"><img src="bild3.jpg"></a><br> 
<a href="javascript:void(showImage('bild4.jpg',250,250));"><img src="bild4.jpg"></a><br> 
<br> 
	<script type="text/javascript">
		/*
			Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
			får användas fritt så länge som dessa rader står kvar.
		*/
		function showImage(IMG,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;
			}
			window.open("bilder.htm?img="+ IMG,"imgpop","top=" + parseInt(y/2-height/2-16) + ",left=" + parseInt(x/2-width/2-5) + ",width=" + width + ",height=" + height).focus();
		}
	</script>
</body> 
</html>
```

**OBSERVERA** "java script" skall vara "javascript"

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

## #14 — Tompa5, 2003-10-03T07:04Z

Ok nu funkar det =)
tack så jättemycket alla som lagt ner tid & energi i den här frågan.
Nu till nästa grej. Hur göra för att få fönstret att anpassa sig till nästa bilds storlek?

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

## #15 — Palle, 2003-10-03T07:52Z

En variant, detta är koden för bilder.htm (popup-fönstret):
Notera att fönstret först ändrar sig efter 2 sek då bilden måste läsas innan fönstret ändras.. 

```
[red]<html>
<head>

	<title>Bilder..</title>

</head>
<body style="margin: 0;">

	<script type="text/javascript">

		/*
			Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
   			får användas fritt så länge som dessa rader står kvar.
		*/

		function getVar(varname) {
			var st = unescape(location.search);
			st = st.replace(/\+/g," ");
			if (st.indexOf(varname) != -1){
				var tempst = st.substring(st.indexOf(varname + "=") + varname.length + 1,st.length);
				if (tempst.indexOf("&") != -1) {
					var newtemp = tempst.substring(0, tempst.indexOf("&"));
					return newtemp;
				} else {
					return tempst;
				}
			} else {
				return("");
			}
		}

		document.write('<img src=\"'+ getVar("img") +'\" name=\"img\">');
		setTimeout("resizeTo(document.img.width,document.img.height)", 2000);

	</script>

</body>
</html>[/red]
```

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

## #16 — Tompa5, 2003-10-03T08:41Z

Nu funkar allt som det ska och så som jag önskade! :)
Tack alla Ni som hjälpt till.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/87381-öppna-i-nytt-men-ändå-samma-fönster
