Enlargin Div

**Salchester** · Aug 1, 2007, 12:03

Hi Folks,

Using JavaScript, how do I enlarge a div in Height upon an image being clicked?

**markusmad** · Aug 1, 2007, 12:27

Code:

<html>
<head>
<title>test</title>
<script language="javascript" type="text/javascript">
function set_new_height() {
	var newHeight = 500 + 'px';
	document.getElementById('content').style.height = newHeight;
}
</script>
</head>
<body>
<a href="#" onClick="set_new_height()"> click me to enlarge div </a>
<div id="content" style="border:1px solid black;background:blue;padding:20px;color:white;padding:20px;"> this<br>
  is<br>
  dynamic<br>
  lol </div>
</div>
</body>
</html>

**Salchester** · Aug 1, 2007, 12:39

markusmad,

Is it possible to scroll the div larger, so it enlarges gradually?
Also, is it possible to scroll the div smaller, upon clicking a different link?

The SitePoint Forums have moved.

User Tag List

Thread: Enlargin Div

Thread Tools

Display

Enlargin Div

Enlarging Div

Bookmarks

Bookmarks

Posting Permissions