[JS] Div mit einem Klick schrittweise verkleinern

**Saad** · 15.12.2012, 12:48

Joo ! (:

Ich bräucht mal kurz Hilfe und zwar:
Ich habe ein Div mit der Höhe und Breite 150px.

So nun möchte ich, dass, wenn ich auf dieses Div klicke, sich schrittweise immer das div um 25px verkleinert.
Ich hab das mal versucht, aber es klappt irgendwie nicht :/

Spoiler:

Ja ich weiß, dass es mit jquery viel einfacher geht, aber ich möchte es mit JS lösen

Peace, Saad.

Edit: Öh habs geschafft, falls jmd. die Lösung will, einfach posten

**KrT** · 15.12.2012, 13:11

HTML-Code:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>ShrinkBox</title>
		<style type="text/css">
			#box {
				height: 255px;
				width: 250px;
				background-color: #BBB;
				overflow: hidden; /* wichtig, sonst bleibt der Inhalt bestehen */
			}
		</style>
		
		<script type="text/javascript">
		/* <![CDATA[ */
			var decHeight = 25;
			var timeout = 500;
			var boxId = "box";
			
			function shrinkBox() {
				var elem = document.getElementById(boxId);
				var height = elem.offsetHeight;
				if(height >= decHeight) {
					elem.style.height = (height-decHeight) + "px";
				} else if(height == 0) {
					return;
				} else {
					elem.style.height = "0px";
				}
				setTimeout("shrinkBox()", timeout); 
			}
		/* ]]> */
		</script>
	</head>
	<body>
		<div onclick="shrinkBox()" id="box">h3h3j0</div>
	</body>
</html>

U-Labs

Account-Boerse

U-IMG

Thema: [JS] Div mit einem Klick schrittweise verkleinern

[JS] Div mit einem Klick schrittweise verkleinern

AW: [JS] Div mit einem Klick schrittweise verkleinern

The Following User Says Thank You to KrT For This Useful Post:

Ähnliche Themen

Was kann man bei so einem Wetter machen mit einem Mädel?

[Suche] Bild verkleinern

Pixel im Bild verkleinern?

Fortgeschritten Konvertieren von einem Fifty-String zu einem anderen Format

Bild verkleinern