resizing two divs

[funktifyknow]

i am looking ot resize two div elements that open over an iframe. i am using this javascript to find the position and hopefully resize them


var obj1 = document.getElementById('dateInnernav');
var obj2 = document.getElementById('hscInnerNav');

function findPos(obj) {
var left = 0;
var top = 0;

if (obj.offsetParent) {
left = obj.offsetLeft;
top = obj.offsetTop;
while (obj = obj.offsetParent) {
left += obj.offsetLeft;
top += obj.offsetTop;
}
}
return [left, top];
}

function rePosSiz (findPos) {
var width = findPos.offsetLeft;
var size = findPos.offsetTop;
if (window.clientWidth < 1024) {
width = this.clientWidth;
size = this.clientHeight;
}
}



can anyone tell me if this will work and if not why?

[funktifyknow]

wow 34 views and not a single reply in 2 days. this is a great forum.

[never-online]

i an not sure to understand you mean.

code fragment:


<div id='overWrapper' style="background-color:#eee;position:absolute">i will over the iframe</div>
<div align="center"><iframe src="http://www.never-online.net/blog/" id="underIframe"></iframe></div>
<button onclick="overIframe()">overIframe()</button>
<script type="text/javascript">
//<![CDATA[
function findPos(obj) {
var left = 0;
var top = 0;

if (obj.offsetParent) {
left = obj.offsetLeft;
top = obj.offsetTop;
while (obj = obj.offsetParent) {
left += obj.offsetLeft;
top += obj.offsetTop;
}
}
return [left, top];
}
function overIframe() {
var div =document.getElementById("overWrapper");
var iframe=document.getElementById("underIframe");
var coods=findPos(iframe);
with (div.style) {
position = "absolute";
left = coods[0]+"px";
top = coods[1]+"px";
width = iframe.offsetWidth+"px";
height = iframe.offsetHeight+"px";
}
}
//]]>
</script>