Dynamic Div Height

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 456,534 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,968 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 3562 | Replies: 2

•

Join Date: Oct 2007

Posts: 6

Reputation: buggsword is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

buggsword

Offline

Newbie Poster

Dynamic Div Height

Oct 5th, 2007

I need to be able to dynamically assign a variable to the height attribute of a div(flashOverlay) based on the height and t position of another div(pageContent). I am using the following script to capture the variable data. How do I apply this var to the div?

<script type="text/javascript">

</script>

The div I also has the following style applied using external CSS file

#flashOverlay{
TOP: 0px;
LEFT: 0px;
POSITION: absolute;
Z-INDEX: 20;
visibility: visible;
overflow: auto;
margin: 0px;
width: 100%;
padding: 0px;
vertical-align: top;
height: 1054px;
}

•

Join Date: Jul 2006

Location: Deptford, London

Posts: 971

Reputation: MattEvans has a spectacular aura about

Rep Power: 5

Solved Threads: 48

MattEvans

Offline

Posting Shark

Re: Dynamic Div Height

Oct 5th, 2007

something like:

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
<script type="text/javascript">
<!--
onload=function() {
 
var divh = document.getElementById('pageContent').offsetHeight;
var target = document.getElementById('flashOverlay');
target.style.height = ( divh + 460 ) + "px";
}
//-->
</script>
<script type="text/javascript">
<!--
onload=function() {

var divh = document.getElementById('pageContent').offsetHeight;
var target = document.getElementById('flashOverlay');
target.style.height = ( divh + 460 ) + "px";
}
//-->
</script>