resize question

[funktifyknow]

i need to resize two seperate div elements and each opens over an iframe. I cant quite grasp why this code doesn't work.

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;
		}
	}

any suggestions?

[Pepejeria]

Hm, so where and when do you call these functions?

[SimplyFu]

resizing iframe can be quite tricky. different browsers have different object to call and assign the attributes.

read from the insider : Browser Iframe

[funktifyknow]

@Pepejeria

i have them in the header and i am calling them like this.

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;
		}
	}

window.onresize = rePosSiz;

I probably should have included that, huh?

[Pepejeria]

Yeah, that would have helped

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

window.onresize = rePosSiz;

You are calling the rePosSiz method when the resize events triggers, which is fine, but the rePosSiz function expects a parameter that is a HTML node. The findPos function is never called in this code.

Check the JavaScript console in Firefox, it should tell you the same thing.

[funktifyknow]

so now my next question would have to be how would I call the findPos? sorry i am stumped and completely new at this. I am thinking this is what you are meaning:

	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 (id) {
		var mnu = document.getElementById(id)
			if (document.innerWidth < 1024 + 'px' && document.innerHeight < 768 + 'px'){
			mnu = (document.innerWidth - 142 + 'px' * .25)
			}
		return findPos();
	}
			
	window.onresize = rePosSiz;