Multiple DIVs with IFRAMES and Dynamic Databinding

[wyattwebb]

Ok I've got a pretty complicated issue that I will try and explain.

I have two asp's; a parent page Main.ASP and a child page that is in multiple IFRAMES on the Main.ASP page Lets call that Child.asp.

Now the parent page has a table on it the is Databound to an XML data Island. When a row is selected the location of the IFRAMES change to include query data to populate the Child Table.

The Child page has a table within it's own DIV with very simalar stucture. and populates just fine...

Now here in lies the issue...

The IFRAMES are all in DIVs that are placed on top of each other. with image tabs to control what one is being shown at the time.

Now when the DIV that Contains the IFRAME that controls the child grid is being shown and you click on a master row in the Main page everything works just fine. BUT When the DIV is hidden with a different tab is being shown and you click on a master row, it seems to update the page, but when you click back on the tab that contains the Child data table the whole table is not visable.

I gotten to the point where I can access all the properties inside the IFRAME but it still won't show the Child Data.

here's the code to try to RE-Show the DIV

gridResults is the name of the DIV in the Child Page holding quite alot of stuff along with ResultsRegion

ResultsRegion is the name of the DIV in the Child Page holding the child table.

ResultTable is the name of the table...

The Variable divId is the dynamic name of the IFRAME that is currently being worked on... This works....

eval("window.IFrame" + divId).document.all.item("gridResults").style.display = "";
eval("window.IFrame" + divId).document.all.item("gridResults").style.visibility = "visible";
eval("window.IFrame" + divId).document.all.item("ResultsRegion").style.display = "";
eval("window.IFrame" + divId).document.all.item("ResultsRegion").style.visibility = "visible";
eval("window.IFrame" + divId).document.all.item("ResultTable").style.display = "";
eval("window.IFrame" + divId).document.all.item("ResultTable").style.visibility = "visible";



Any Ideas???

[wyattwebb]

For some reason the DIV Containing the Child data was losing all of it's style attributes. So when I redefined them it shows up...


eval("window.IFrame" + divId).document.all.item("ResultsRegion").style.position = "absolute";
eval("window.IFrame" + divId).document.all.item("ResultsRegion").style.top = "0";
eval("window.IFrame" + divId).document.all.item("ResultsRegion").style.height = "150";
eval("window.IFrame" + divId).document.all.item("ResultsRegion").style.width = "400";

:D

-Y