:: 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> <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> <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> <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> <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> <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> <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">Ins. Type:</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'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-bottom: 1px solid threedlightshadow;}
#selectedInsuranceID .active-grid-column {border-right: 1px solid threedshadow;}
#selectedInsuranceID .active-column-0 { width: 184px;}
#selectedInsuranceID .active-column-1 { width: 72px;}
#selectedInsuranceID .active-column-2 { width: 80px;}
#selectedInsuranceID {height: 80px; width: 336;}
</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(i, j){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-bottom: 1px solid threedlightshadow;}
#selectedAddlInsuranceID .active-grid-column {border-right: 1px solid threedshadow;}
#selectedAddlInsuranceID .active-column-0 { width: 240px;}
#selectedAddlInsuranceID {height: 80px; width: 240;}
</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(i, j){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-bottom: 1px solid threedlightshadow;}
#selectedTaxPayeeID .active-grid-column {border-right: 1px solid threedshadow;}
#selectedTaxPayeeID .active-column-0 { width: 240px;}
#selectedTaxPayeeID .active-column-1 { width: 80px;}
#selectedTaxPayeeID {height: 60px; width: 320;}
</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(i, j){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:<