:: Forum >> Version 1 >>

display on IE in table inside of frame

I have a page that has several grids on it. This page displays fine by itself, but when its inside of a frame, the grids don't show up in IE. They show up in Firefox/Mozilla just fine, but IE just doesn't seem to show them. I'll post the files to test with as followups to this message. Any ideas here?
Brian Yarger
Wednesday, March 10, 2004
testframe.html:
<html>


<
frameset rows="40,*" cols="*" border="0" frameborder="no" framespacing="0">
  <
frame src="test2.html" name="topNav" noresize="noresize" scrolling="no">
  
  <
frameset cols="250,*" border="0" frameborder="no" framespacing="0">
    <
frame src="test2.html" name="navigation" scrolling="auto" frameborder="no">
                
 <
frame src="test.html" name="contents" scrolling="yes" frameborder="no">
  </
frameset>
  
</
frameset>

</
html>
 
Wednesday, March 10, 2004
test2.html (placeholder for other framed elements):

test2
Wednesday, March 10, 2004
test.html (css, js links will need to be fixed...)
<html>
<
head>
<
base href="http://localhost:8080/promis50/secure">
<
title>Agreement</title>


<
script language="javascript" src="http://localhost:8080/promis50/_js/promis.js"></script>
<
script language="javascript" src="http://localhost:8080/promis50/_js/calendar.js"></script>

<
form name="agreementAF" method="GET" action="/promis50/secure/agreement.do">
<
input type="hidden" name="method" value="updateView">
<
input type="hidden" name="view" value="">
<
input type="hidden" name="newPartyID" value="">
<
input type="hidden" name="formChanged" value="false">
<
input type="hidden" name="LINKID">
<
input type="hidden" name="agreementLastSelectedTab" value="5">





<
script language="javascript">
function 
openAddWindow()
{
 
        var 
disabled false;
 
     



  var 
url "addNode.do?method=view&CRUDKey=Location:Lease";
  
      
        
url += "&nodeType=Agreement";
        
url += "&parentID=140056";
      
      
      
  
  
  
url += "&agreeType=Lease";
  
url += "&locationID=134269";
  if (!
disabled)
    
openAdd(url);
  else
    
alert("You have permissions to add nodes");
}

function 
openProperties()
{
  
  
    
openPropertiesWin("140056""1""Lease""2004-03-02 09:14:49.073");
  

}
</
script>

<
link href="http://localhost:8080/promis50/_css/promis.css" rel="stylesheet" type="text/css" />

</
head>

<
body>






















<
table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <
tr>
    <
td height="33">
      




<
script language="javascript" src="http://localhost:8080/promis50/_js/promis.js"></script>

<
table width="100%" border="1" cellspacing="0" cellpadding="0" class="btn_bg">
  <
tr>
    <
td nowrap>
      <
table width="300" border="0" cellspacing="0" cellpadding="0">
        <
tr>
          <
td style="padding-left: 7px;"><a href ="#" target="contents" onClick="parent.contents.openAddWindow();return false;"><img alt="Add" src="http://localhost:8080/promis50/_images/_btn/add_btn.gif" onmouseover="this.src='http://localhost:8080/promis50/_images/_btn/add_btn_over.gif'" onmouseout="this.src='http://localhost:8080/promis50/_images/_btn/add_btn.gif'" border="0" /></a> <img src="http://localhost:8080/promis50/_images/_btn/btn_divider.gif" /></td>
          <
td>&nbsp;<a href ="#" target="contents" onClick="submitForm('delete',null);return false;"><img alt="Delete" src="http://localhost:8080/promis50/_images/_btn/delete_btn.gif" onmouseover="this.src='http://localhost:8080/promis50/_images/_btn/delete_btn_over.gif'" onmouseout="this.src='http://localhost:8080/promis50/_images/_btn/delete_btn.gif'" border="0" /></a> <img src="http://localhost:8080/promis50/_images/_btn/btn_divider.gif" /></td>
          
            <
td>&nbsp;<a href="otis.do?method=view"><img alt="OTIS" src="http://localhost:8080/promis50/_images/_btn/otis_btn.gif" onmouseover="this.src='http://localhost:8080/promis50/_images/_btn/otis_btn_over.gif'" onmouseout="this.src='http://localhost:8080/promis50/_images/_btn/otis_btn.gif'" border="0" /></a> <img src="http://localhost:8080/promis50/_images/_btn/btn_divider.gif" /></td>
          
          <
td>&nbsp;<a href ="#" target="contents" onClick="submitForm('pleaseWait',null);return false;"><img alt="Submit" src="http://localhost:8080/promis50/_images/_btn/submit_btn.gif" onmouseover="this.src='http://localhost:8080/promis50/_images/_btn/submit_btn_over.gif'" onmouseout="this.src='http://localhost:8080/promis50/_images/_btn/submit_btn.gif'" border="0" /></a> <img src="http://localhost:8080/promis50/_images/_btn/btn_divider.gif" /></td>
        </
tr>
      </
table>
    </
td>
    <
td align="right" style="padding-right:10px;" nowrap>
      <
table border="0" cellspacing="0" cellpadding="0">
        <
tr>
          <
td> <img src="http://localhost:8080/promis50/_images/_btn/btn_divider.gif" /><a href="#" onClick="parent.contents.openMyLocations();return false;" onmouseover="MM_showMenu(window.mm_menu_0318205450_0,0,17,null,'my_locations')"><img src="http://localhost:8080/promis50/_images/_btn/tlbr_my_locations_btn.gif" name="my_locations" border="0" alt="My Locations" border="0" /></a></td>
          <
td>&nbsp;<img src="http://localhost:8080/promis50/_images/_btn/btn_divider.gif" /> <a href="#" onClick="conditionalLink('/promis50/secure/search.jsp');"><img alt="Search" src="http://localhost:8080/promis50/_images/_btn/tlbr_search_btn.gif" onmouseover="this.src='http://localhost:8080/promis50/_images/_btn/tlbr_search_btn_over.gif'" onmouseout="this.src='http://localhost:8080/promis50/_images/_btn/tlbr_search_btn.gif'" border="0" /></a>  <img src="http://localhost:8080/promis50/_images/_btn/btn_divider.gif" /></td>
          <
td>&nbsp;<a href="#" onClick="conditionalLink('/promis50/secure/search.do?method=viewResults');"><img alt="Search Results" src="http://localhost:8080/promis50/_images/_btn/tlbr_searchresults_btn.gif" onmouseover="this.src='http://localhost:8080/promis50/_images/_btn/tlbr_searchresults_btn_over.gif'" onmouseout="this.src='http://localhost:8080/promis50/_images/_btn/tlbr_searchresults_btn.gif'" border="0" /></a> <img src="http://localhost:8080/promis50/_images/_btn/btn_divider.gif" /></td>
          <
td>&nbsp;<a href="/promis50/help/ProMIS.htm#Lease_Information.htm" target="_blank"><img alt="Help" src="http://localhost:8080/promis50/_images/_btn/help_btn_over.gif" onmouseover="this.src='http://localhost:8080/promis50/_images/_btn/help_btn.gif'" onmouseout="this.src='http://localhost:8080/promis50/_images/_btn/help_btn_over.gif'" border="0" /></a></td>
        </
tr>
      </
table>
    </
td>
  </
tr>
</
table>

    </
td>
  </
tr>
  <
tr>
    <
td valign="top">      
      <
table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
        <
tr>
          <
td class="content_bg" valign="top">
            <
table width="100%" border="0" cellspacing="0" cellpadding="0">
              <
tr class="icon_bg">
                <
td style="padding-bottom: 2px;" valign="top"><img align="top" src="http://localhost:8080/promis50/_images/_icons/lease_icon.gif" /></td>
                <
td width="100%" align="right" valign="top">
                  <
table border="0" cellspacing="0" cellpadding="0">
                    <
tr>
                    
                    
                      <
td nowrap class="main_unselected_tab_l"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td nowrap class="main_unselected_tab_bg"><span class="main_unselected_tab_link"><a href="#" title="General" onclick="submitForm('updateTabView', 'agreementLastSelectedTab=0&LINKID=25781289_1078938243187');return false;">General</a></span></td>
                      <
td nowrap class="main_unselected_tab_r"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td><img src="http://localhost:8080/promis50/_images/spacer.gif" width="10" height="1" /></td>
                    
                    
                      <
td nowrap class="main_unselected_tab_l"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td nowrap class="main_unselected_tab_bg"><span class="main_unselected_tab_link"><a href="#" title="Landlord" onclick="submitForm('updateTabView', 'agreementLastSelectedTab=1&LINKID=25781289_1078938243187');return false;">Landlord</a></span></td>
                      <
td nowrap class="main_unselected_tab_r"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td><img src="http://localhost:8080/promis50/_images/spacer.gif" width="10" height="1" /></td>
                    
                    
                      <
td nowrap class="main_unselected_tab_l"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td nowrap class="main_unselected_tab_bg"><span class="main_unselected_tab_link"><a href="#" title="Terms" onclick="submitForm('updateTabView', 'agreementLastSelectedTab=2&LINKID=25781289_1078938243187');return false;">Terms</a></span></td>
                      <
td nowrap class="main_unselected_tab_r"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td><img src="http://localhost:8080/promis50/_images/spacer.gif" width="10" height="1" /></td>
                    
                    
                      <
td nowrap class="main_unselected_tab_l"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td nowrap class="main_unselected_tab_bg"><span class="main_unselected_tab_link"><a href="#" title="Affiliate" onclick="submitForm('updateTabView', 'agreementLastSelectedTab=3&LINKID=25781289_1078938243187');return false;">Affiliate</a></span></td>
                      <
td nowrap class="main_unselected_tab_r"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td><img src="http://localhost:8080/promis50/_images/spacer.gif" width="10" height="1" /></td>
                    
                    
                      <
td nowrap class="main_unselected_tab_l"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td nowrap class="main_unselected_tab_bg"><span class="main_unselected_tab_link"><a href="#" title="Preferences" onclick="submitForm('updateTabView', 'agreementLastSelectedTab=4&LINKID=25781289_1078938243187');return false;">Preferences</a></span></td>
                      <
td nowrap class="main_unselected_tab_r"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td><img src="http://localhost:8080/promis50/_images/spacer.gif" width="10" height="1" /></td>
                    
                    
                      <
td nowrap class="main_selected_tab_l"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td nowrap class="main_selected_tab_bg"><span class="main_selected_tab_link"><a href="#" title="Costs" onclick="submitForm('updateTabView', 'agreementLastSelectedTab=5&LINKID=25781289_1078938243187');return false;">Costs</a></span></td>
                      <
td nowrap class="main_selected_tab_r"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td><img src="http://localhost:8080/promis50/_images/spacer.gif" width="10" height="1" /></td>
                    
                    
                      <
td nowrap class="main_unselected_tab_l"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td nowrap class="main_unselected_tab_bg"><span class="main_unselected_tab_link"><a href="#" title="Air Credit" onclick="submitForm('updateTabView', 'agreementLastSelectedTab=6&LINKID=25781289_1078938243187');return false;">Air Credit</a></span></td>
                      <
td nowrap class="main_unselected_tab_r"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td><img src="http://localhost:8080/promis50/_images/spacer.gif" width="10" height="1" /></td>
                    
                    
                      <
td nowrap class="main_unselected_tab_l"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td nowrap class="main_unselected_tab_bg"><span class="main_unselected_tab_link"><a href="#" title="Documents" onclick="submitForm('updateTabView', 'agreementLastSelectedTab=7&LINKID=25781289_1078938243187');return false;">Documents</a></span></td>
                      <
td nowrap class="main_unselected_tab_r"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="1" /></td>
                      <
td><img src="http://localhost:8080/promis50/_images/spacer.gif" width="10" height="1" /></td>
                    
                    </
tr>
                  </
table>
                </
td>
              </
tr>
              <
tr>
                <
td colspan="2"><img src="http://localhost:8080/promis50/_images/spacer.gif" width="1" height="15" /></td>
              </
tr>
            </
table>
            
            <
div class="boldtxt">
              
            </
div>
            <!-- 
about to insert /secure/agreementCostsTab.jsp -->
            















<
link href="http://localhost:8080/promis50/_js/activeui/source/styles/classic/activeui.css" rel="stylesheet" type="text/css" />
<
script src="http://localhost:8080/promis50/_js/activeui/source/lib/activeui.js"></script>

<
input type="hidden" name="page" value="6">



<
table class="pm_form" id="pm_form" width="100%" border="1" cellspacing="0" cellpadding="0">
  <
tr>
    <
td class="title" colspan="4"><span style="font: bold 16px Trebuchet MS">Costs</span></td>
  </
tr>
</
table>
<
table class="pm_form" id="pm_form" width="100%" border="1" cellspacing="0" cellpadding="0">
  <
tr>
    <
td colspan="4"><a name="Insurance"></a><span class="boldtxt">Insurance</span></td>
  </
tr>
  
  <
tr>
    <
td width="115" class="title">InsType:</td>
    <
td width="190">
      <
select name="insurance.coiType" size="1" tabindex="1"><option value="Comprehensive Liability">Comprehensive Liability</option>
<
option value="Employee Liability">Employee Liability</option>
<
option value="Property Liability">Property Liability</option>
<
option value="Automobile Liability">Automobile Liability</option>
<
option value="Worker's Comp.">Worker&#39;s Comp.</option>
<
option value="Property and Fire">Property and Fire</option>
<
option value="None">None</option>
<
option value="General Liability">General Liability</option>
<
option value="Excess Umbrella">Excess Umbrella</option></select>
    </
td>
    <
td rowspan="4">
      <
span class="multicolheader">
        
        <
script>
var 
selectedInsuranceIDColumns = ["Insurance Type""Completed""Amount"];
var 
selectedInsuranceIDData = [
[
"None""Silent""$6.00""0"],
[
"General Liability""Yes""$9.99""1"]];
</
script>
<
style>
#selectedInsuranceID .active-grid-row {border-bottom1px solid threedlightshadow;}
#selectedInsuranceID .active-grid-column {border-right:  1px solid threedshadow;}
#selectedInsuranceID .active-column-width184px;}
#selectedInsuranceID .active-column-width72px;}
#selectedInsuranceID .active-column-width80px;}
#selectedInsuranceID {height80pxwidth336;}
</
style>
<
input type="hidden" name="selectedInsuranceID" value="">
<
script>
var 
selectedInsuranceID = new Active.Controls.Grid;
selectedInsuranceID.setId("selectedInsuranceID");
var 
selectedInsuranceIDheader = new Active.Templates.Header;
selectedInsuranceIDheader.setEvent("onmousedown"null);
selectedInsuranceID.setTemplate("top/item"selectedInsuranceIDheader);
selectedInsuranceID.setRowHeaderWidth("0px");
selectedInsuranceID.setRowCount(2);
selectedInsuranceID.setColumnCount(3);
selectedInsuranceID.setColumnText(function(i){return selectedInsuranceIDColumns[i]});
selectedInsuranceID.setDataText(function(ij){return selectedInsuranceIDData[i][j]});
selectedInsuranceID.setAction("selectionChanged", function(src){document.forms[0].selectedInsuranceID.value selectedInsuranceIDData[src.getProperty("selection/index")][3]; submitForm('updateView''view=Insurance');});
document.write(selectedInsuranceID);
</
script>

      </
span>
    </
td>
  </
tr>
  <
tr>
    <
td class="title">Completed:</td>
    <
td>
    <
select name="insurance.coiComplete" size="1" tabindex="2"><option value="Yes">Yes</option>
<
option value="No">No</option>
<
option value="Silent">Silent</option>
<
option value="N/A">N/A</option></select
    </
td>
  </
tr>
  <
tr>
    <
td class="title">Amount:</td>
    <
td><input type="text" name="insurance.coiAmount" size="10" tabindex="3" value=""></td>
  </
tr>
  <
tr>
    <
td align="left" colspan="2">
      <
input type="button" name="" tabindex="4" value="Add" onclick="submitForm('addInsurance')">
      <
input type="button" name="" tabindex="5" value="Modify" onclick="submitForm('modifyInsurance')" disabled="disabled">
      <
input type="button" name="" tabindex="6" value="Delete" onclick="submitForm('deleteInsurance')" disabled="disabled">
    </
td>
  </
tr>
</
table>
<
br>

<
table class="pm_form" id="pm_form" width="100%" border="0" cellspacing="0" cellpadding="0">
  <
tr>
    <
td width="115" class="title">Additional Insured Name:</td>
    <
td width="190"><input type="text" name="addlInsurance.addlInsurName" maxlength="48" tabindex="7" value=""></td>
    <
td rowspan="2">
      <
span class="multicolheader">
        
        <
script>
var 
selectedAddlInsuranceIDColumns = ["Additional Insured"];
var 
selectedAddlInsuranceIDData = [
[
"Bob Jones""0"],
[
"Bob White""1"]];
</
script>
<
style>
#selectedAddlInsuranceID .active-grid-row {border-bottom1px solid threedlightshadow;}
#selectedAddlInsuranceID .active-grid-column {border-right:  1px solid threedshadow;}
#selectedAddlInsuranceID .active-column-width240px;}
#selectedAddlInsuranceID {height80pxwidth240;}
</
style>
<
input type="hidden" name="selectedAddlInsuranceID" value="">
<
script>
var 
selectedAddlInsuranceID = new Active.Controls.Grid;
selectedAddlInsuranceID.setId("selectedAddlInsuranceID");
var 
selectedAddlInsuranceIDheader = new Active.Templates.Header;
selectedAddlInsuranceIDheader.setEvent("onmousedown"null);
selectedAddlInsuranceID.setTemplate("top/item"selectedAddlInsuranceIDheader);
selectedAddlInsuranceID.setRowHeaderWidth("0px");
selectedAddlInsuranceID.setRowCount(2);
selectedAddlInsuranceID.setColumnCount(1);
selectedAddlInsuranceID.setColumnText(function(i){return selectedAddlInsuranceIDColumns[i]});
selectedAddlInsuranceID.setDataText(function(ij){return selectedAddlInsuranceIDData[i][j]});
selectedAddlInsuranceID.setAction("selectionChanged", function(src){document.forms[0].selectedAddlInsuranceID.value selectedAddlInsuranceIDData[src.getProperty("selection/index")][1]; submitForm('updateView''view=AddlInsurance');});
document.write(selectedAddlInsuranceID);
</
script>

      </
span>
    </
td>
  </
tr>
  
  <
tr>
    <
td align="left" colspan="2">
      <
input type="button" name="" tabindex="8" value="Add" onclick="submitForm('addAddlInsurance')">
      <
input type="button" name="" tabindex="9" value="Modify" onclick="submitForm('modifyAddlInsurance')" disabled="disabled">
      <
input type="button" name="" tabindex="10" value="Delete" onclick="submitForm('deleteAddlInsurance')" disabled="disabled">
    </
td>
  </
tr>
</
table>
<
br>

<
table class="pm_form" id="pm_form" width="100%" border="0" cellspacing="0" cellpadding="0">
  <
tr>
    <
td colspan="4"><a name="PropertyTax"></a><span class="boldtxt">Property Tax Information</span></td>
  </
tr>
  <
tr>
    <
td colspan="3" class="title"><input type="checkbox" name="taxRequired" tabindex="11" value="on" onclick="submitForm('updateTabView')"Required to Pay Taxes</td>
  </
tr>
  
  <
tr>
    <
td width="115" class="title">Payee Name:</td>
    <
td width="190"><input type="text" name="taxPayee.name" maxlength="50" size="24" tabindex="12" value="" disabled="disabled"></td>
    <
td rowspan="3">
      <
span class="multicolheader">
        
        <
script>
var 
selectedTaxPayeeIDColumns = ["Payee Name""Tax ID Num"];
var 
selectedTaxPayeeIDData = [
[
"John Doe""12345""0"]];
</
script>
<
style>
#selectedTaxPayeeID .active-grid-row {border-bottom1px solid threedlightshadow;}
#selectedTaxPayeeID .active-grid-column {border-right:  1px solid threedshadow;}
#selectedTaxPayeeID .active-column-width240px;}
#selectedTaxPayeeID .active-column-width80px;}
#selectedTaxPayeeID {height60pxwidth320;}
</
style>
<
input type="hidden" name="selectedTaxPayeeID" value="">
<
script>
var 
selectedTaxPayeeID = new Active.Controls.Grid;
selectedTaxPayeeID.setId("selectedTaxPayeeID");
var 
selectedTaxPayeeIDheader = new Active.Templates.Header;
selectedTaxPayeeIDheader.setEvent("onmousedown"null);
selectedTaxPayeeID.setTemplate("top/item"selectedTaxPayeeIDheader);
selectedTaxPayeeID.setRowHeaderWidth("0px");
selectedTaxPayeeID.setRowCount(1);
selectedTaxPayeeID.setColumnCount(2);
selectedTaxPayeeID.setColumnText(function(i){return selectedTaxPayeeIDColumns[i]});
selectedTaxPayeeID.setDataText(function(ij){return selectedTaxPayeeIDData[i][j]});
selectedTaxPayeeID.setAction("selectionChanged", function(src){document.forms[0].selectedTaxPayeeID.value selectedTaxPayeeIDData[src.getProperty("selection/index")][2]; submitForm('updateView','view=PropertyTax');});
document.write(selectedTaxPayeeID);
</
script>

      </
span>
    </
td>
  </
tr>
  <
tr>
    <
td class="title">Tax ID Num:</td>
    <
td><input type="text" name="taxPayee.taxID" maxlength="25" size="24" tabindex="13" value="" disabled="disabled"></td>
  </
tr>
  
  <
tr>
    <
td align="left" colspan="2">
      <
input type="button" name="" tabindex="14" value="Add" onclick="submitForm('addTaxPayee')" disabled="disabled">
      <
input type="button" name="" tabindex="15" value="Modify" onclick="submitForm('modifyTaxPayee')" disabled="disabled">
      <
input type="button" name="" tabindex="16" value="Delete" onclick="submitForm('deleteTaxPayee')" disabled="disabled">
    </
td>
  </
tr>
</
table>
<
table class="pm_form" id="pm_form" width="100%" border="0" cellspacing="0" cellpadding="0">
  <
tr>
    <
td colspan="4"><a name="Deposits"></a><span class="boldtxt">Deposit</span></td>
  </
tr>
  
  <
tr>
    <
td width="115" class="title">Amount:<