---
title: "förstora - Ja, förminska- ?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/90199-förstora-ja-förminska"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2003-11-12T18:09:00.000Z"
updated: "2003-11-13T00:05:37.000Z"
replies: 10
views: 392
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/90199-förstora-ja-förminska"
---

# förstora - Ja, förminska- ?

## #1 — Jesper T, 2003-11-12T18:09Z

För att förstora ett element:

```
<SCRIPT type="text/javascript">
var y=1;
function zoom(name,maxy){
eval("document.getElementById('"+name+"').style.height=y+'px'")
if(y < maxy) { y = y + 10; }
setTimeout("zoom('"+name+"',"+maxy+"), 10");
}
</SCRIPT>
```

Men hur sjutton förminskar man detsamma med samma metod?

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

## #2 — frankof, 2003-11-12T19:42Z

korkad kanske ;)
Men är det inte bara att sätta minus(-) på rätt plats :q

```
<SCRIPT type="text/javascript">
var y=1;
function zoom(name,maxy){
eval("document.getElementById('"+name+"').style.height=y+'px'")
if(y < maxy) { y = y - 10; }
setTimeout("zoom('"+name+"',"+maxy+"), 10");
}
</SCRIPT>
```

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

## #3 — Jesper T, 2003-11-12T20:08Z

Nej, kompis. 
Då försvinner elementet nästan helt och jag får ett scriptfel.
Testa själv:

```
<SCRIPT type="text/javascript">
var y=1;
function zoom(name,maxy){
eval("document.getElementById('"+name+"').style.height=y+'px'")
if(y < maxy) { y = y - 10; }
setTimeout("zoom('"+name+"',"+maxy+"), 10");
}
</SCRIPT>

<input type="button" onClick="zoom('bilden',20)" value="förminska">
<br>
<img src="http://www.ideenreich.com/illu/bulo.gif" width="200" height="200" id="bilden">
```

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

## #4 — dectgap, 2003-11-12T20:58Z

```
<SCRIPT type="text/javascript">
var y=200;
function zoom(name,miny){
eval("document.getElementById('"+name+"').style.height=y+'px'")
if(y > miny) { y = y - 10; }
setTimeout("zoom('"+name+"',"+miny+"), 10");
}
</SCRIPT>
```

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

## #5 — Jojoxx, 2003-11-12T21:09Z

Gjorde en liten variant som skalar båda axlarna proportioneligt om man inte hårdstyr med något annat:

```
<script type="text/javascript">
function zoom(id,y,x){
	var obj=document.getElementById(id);
	var w=parseInt((obj.style.width)?obj.style.width:obj.width);
	var h=parseInt((obj.style.height)?obj.style.height:obj.height);
	if(y&&!x)
		x=parseInt(w*(y/h));
	if(x&&!y)
		y=parseInt(h*(x/w));
	obj.style.height=y+"px";
	obj.style.width=x+"px";
}
</script>

<form>
<input type="button" onClick="zoom('bilden',null,30)" value="Bredd 30">
<input type="button" onClick="zoom('bilden',300)" value="Höjd 300">
<input type="button" onClick="zoom('bilden',300,30)" value="Höjd 300, Bredd 30">
<input type="button" onClick="zoom('bilden',200,200)" value="Återställ">
</form>

<br/>
<img src="http://www.ideenreich.com/illu/bulo.gif" width="200" height="200" id="bilden"/>
```

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

## #6 — Jesper T, 2003-11-12T21:19Z

Jättesnyggt jojoxx, men det fina i kråksången var ju att det gled så där snyggt vettu. ;)

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

## #7 — Jesper T, 2003-11-12T22:45Z

Hä fick bli så här;

```
<SCRIPT type="text/javascript">
var y=1;
var z=250;
function zoomopen(name,maxy){
	eval("document.getElementById('"+name+"').style.height=y+'px'")
		if(y < maxy) { y = y + 10; }else{y=1;return false;}
			setTimeout("zoomopen('"+name+"',"+maxy+"), 10");
							}
function zoomclose(name,miny){
	eval("document.getElementById('"+name+"').style.height=z+'px'")
		if(z > miny) { z = z - 10; }else{z=250;return false;}
			setTimeout("zoomclose('"+name+"',"+miny+"), 10");
							}
</SCRIPT>
```

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

## #8 — dectgap, 2003-11-12T23:07Z

Varför använder du *eval* över huvud taget?

Indenteringen är förresten ganska missvisande.

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

## #9 — Jesper T, 2003-11-12T23:57Z

Får inte det att funka utan eval.
Tips?

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

## #10 — dectgap, 2003-11-13T00:01Z

```
<SCRIPT type="text/javascript">
var y=1;
var z=250;
function zoomopen(name,maxy){
	document.getElementById("name").style.height=y+'px';
	if(y < maxy) { y = y + 10; }else{y=1;return false;}
	setTimeout("zoomopen('"+name+"',"+maxy+"), 10");
}

function zoomclose(name,miny){
	document.getElementById("name").style.height=z+'px';
	if(z > miny) { z = z - 10; }else{z=250;return false;}
	setTimeout("zoomclose('"+name+"',"+miny+"), 10");
}
</SCRIPT>
```

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

## #11 — Jesper T, 2003-11-13T00:05Z

Nästan ;)
document.getElementById(name).style.height=z+'px';

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/90199-förstora-ja-förminska