I really need some help - i have already pulled out 1/2 my hear and
the rest is following quickly.....
I am designing a page containing an iFrame, the contents of which are
selected dynamically by the user, and it needs to resize
correspondingly - both height and width. the width isn't a problem; it
is set from its parent object using width=100%, but the height is a
killer.
Basically the user selects a menu item and the src of the iFrame is
set to that choice, but each selection has a different height - and
the width of the iframe also changes depending on the width of the
menu to its left.
i have tried to set a dynamic expression in its style property:
style="height:e xpression(docum ent.contentIFra me.window.conte ntTable.clientH eight)"
but this works erratically
i have tried writing a seperate function which resizes the iframe when
a new choice is made, but have found that the function sets the iframe
to the height of the PREVIOUS object displayed. i cannot seem to be
able to access the current object no matter how i do it?
function setSize() {
//contentIFrame.w indow.document. recalc(true);
contentIFrame.f rames.frameElem ent.style.heigh t =
contentIFrame.w indow.contentTa ble.clientHeigh t;
}
Any ideas
cheers
tim