:: Forum >>

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">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&#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-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:</td>
<td width="190"><input type="text" name="deposit.amount" size="10" tabindex="17" value=""></td>
<td rowspan="4">
<span class="multicolheader">

<script>
var selectedDepositIDColumns = ["Amount", "Type", "Date"];
var selectedDepositIDData = [
["$1.23", "Insurance", "06/12/2003", "0"]];
</script>
<style>
#selectedDepositID .active-grid-row {border-bottom: 1px solid threedlightshadow;}
#selectedDepositID .active-grid-column {border-right: 1px solid threedshadow;}
#selectedDepositID .active-column-0 { width: 80px;}
#selectedDepositID .active-column-1 { width: 160px;}
#selectedDepositID .active-column-2 { width: 80px;}
#selectedDepositID {height: 60px; width: 320;}
</style>
<input type="hidden" name="selectedDepositID" value="">
<script>
var selectedDepositID = new Active.Controls.Grid;
selectedDepositID.setId("selectedDepositID");
var selectedDepositIDheader = new Active.Templates.Header;
selectedDepositIDheader.setEvent("onmousedown", null);
selectedDepositID.setTemplate("top/item", selectedDepositIDheader);
selectedDepositID.setRowHeaderWidth("0px");
selectedDepositID.setRowCount(1);
selectedDepositID.setColumnCount(3);
selectedDepositID.setColumnText(function(i){return selectedDepositIDColumns[i]});
selectedDepositID.setDataText(function(i, j){return selectedDepositIDData[i][j]});
selectedDepositID.setAction("selectionChanged", function(src){document.forms[0].selectedDepositID.value = selectedDepositIDData[src.getProperty("selection/index")][3]; submitForm('updateView','view=Deposits');});
document.write(selectedDepositID);
</script>

</span>
</td>
</tr>
<tr>
<td class="title">Type:</td>
<td>
<select name="deposit.units" size="1" tabindex="18"><option value="Addl Securty Deposit">Addl Securty Deposit</option>
<option value="Electricity">Electricity</option>
<option value="Gas">Gas</option>
<option value="HVAC">HVAC</option>
<option value="Insurance">Insurance</option>
<option value="Other">Other</option>
<option value="Rent">Rent</option>
<option value="Security Deposit">Security Deposit</option>
<option value="Storage">Storage</option>
<option value="Trash Removal">Trash Removal</option>
<option value="Utilities">Utilities</option>
<option value="Water">Water</option></select>
</td>
</tr>
<tr>
<td class="title">Refund Due Date:</td>
<td>
<input type="text" name="deposit.refundDate" size="10" tabindex="19" value="">
<a href="javascript:show_calendar('deposit.refundDate');" onmouseover="window.status='Date Picker';return true;" onmouseout="window.status='';return true;"><img src="http://localhost:8080/promis50/_images/_icons/calendar_icon.gif" border="0"></a>
</td>
</tr>
<tr>
<td align="left" colspan="2">
<input type="button" name="" tabindex="20" value="Add" onclick="submitForm('addDeposit')">
<input type="button" name="" tabindex="21" value="Modify" onclick="submitForm('modifyDeposit')" disabled="disabled">
<input type="button" name="" tabindex="22" value="Delete" onclick="submitForm('deleteDeposit')" disabled="disabled">
</td>
</tr>

</table>
<br>


<script type="text/javascript" language="Javascript1.1">

<!-- Begin

var bCancel = false;

function validateAgreementAF(form) {
if (bCancel)
return true;
else
return validateMaxLength(form) && validateDate(form) && validateInteger(form) && validateMask(form) && validateFloatRange(form) && validateIntRange(form);
}

function maxlength () {
}

function DateValidations () {
this.aa = new Array("deposit.refundDate", "Deposit Refund Due Date is not a date.", new Function ("varName", "this.datePattern='MM/dd/yyyy'; return this[varName];"));
}

function IntegerValidations () {
}

function mask () {
}

function floatRange () {
}

function intRange () {
}



function validateFloatRange(form) {
var isValid = true;
var focusField = null;
var i = 0;
var fields = new Array();
oRange = new floatRange();
for (x in oRange) {
var field = form[oRange[x][0]];
if (field == undefined)
{
alert(oRange[x][0] + " is not defined in form");
return;
}

if ((field.type == 'text' ||
field.type == 'textarea') &&
(field.value.length > 0)) {

var fMin = parseFloat(oRange[x][2]("min"));
var fMax = parseFloat(oRange[x][2]("max"));
var fValue = parseFloat(field.value);
if (!(fValue >= fMin && fValue <= fMax)) {
if (i == 0) {
focusField = field;
}
fields[i++] = oRange[x][1];
isValid = false;
}
}
}
if (fields.length > 0) {
focusField.focus();
alert(fields.join('\n'));
}
return isValid;
}
function validateByte(form) {
var bValid = true;
var focusField = null;
var i = 0;
var fields = new Array();
oByte = new ByteValidations();
for (x in oByte) {
var field = form[oByte[x][0]];
if (field == undefined)
{
alert(oByte[x][0] + " is not defined in form");
return;
}
if (field.type == 'text' ||
field.type == 'textarea' ||
field.type == 'select-one' ||
                        field.type == 'radio') {

                        var value = '';
                        // get field's value
                        if (field.type == "select-one") {
                            var si = field.selectedIndex;
                            if (si >= 0) {
                                value = field.options[si].value;
                            }
                        } else {
                            value = field.value;
                        }

if (value.length > 0) {
if (!isAllDigits(value)) {
bValid = false;
if (i == 0) {
focusField = field;
}
fields[i++] = oByte[x][1];

} else {

     var iValue = parseInt(value);
     if (isNaN(iValue) || !(iValue >= -128 && iValue <= 127)) {
     if (i == 0) {
     focusField = field;
     }
     fields[i++] = oByte[x][1];
     bValid = false;
     }
}
                        }
                        
}
}
if (fields.length > 0) {
focusField.focus();
alert(fields.join('\n'));
}
return bValid;
}
function validateMaxLength(form) {
var isValid = true;
var focusField = null;
var i = 0;
var fields = new Array();
oMaxLength = new maxlength();
for (x in oMaxLength) {
var field = form[oMaxLength[x][0]];
if (field == undefined)
{
alert(oMaxLength[x][0] + " is not defined in form");
return;
}

if (field.type == 'text' ||
field.type == 'textarea') {

var iMax = parseInt(oMaxLength[x][2]("maxlength"));
if (field.value.length > iMax) {
if (i == 0) {
focusField = field;
}
fields[i++] = oMaxLength[x][1];
isValid = false;
}
}
}
if (fields.length > 0) {
focusField.focus();
alert(fields.join('\n'));
}
return isValid;
}
function validateRequired(form) {
var isValid = true;
var focusField = null;
var i = 0;
var fields = new Array();
oRequired = new required();
for (x in oRequired) {
var field = form[oRequired[x][0]];
if (field == undefined)
{
alert(oRequired[x][0] + " is not defined in form");
return;
}

if (field.type == 'text' ||
field.type == 'textarea' ||
field.type == 'file' ||
field.type == 'select-one' ||
field.type == 'select-multiple' ||
field.type == 'radio' ||
field.type == 'password') {

var value = '';
                        // get field's value
                        if (field.type == "select-one" ||
                         field.type == "select-multiple") {
                            var si = field.selectedIndex;
                            if (si >= 0) {
                                value = field.options[si].value;
                            }
                        } else {
                            value = field.value;
                        }

if (trim(value).length == 0) {

     if (i == 0) {
     focusField = field;
     }
     fields[i++] = oRequired[x][1];
     isValid = false;
}
}
}
if (fields.length > 0) {
focusField.focus();
alert(fields.join('\n'));
setPointer('default');
}
return isValid;
}

// Trim whitespace from left and right sides of s.
function trim(s) {
return s.replace( /^\s*/, "" ).replace( /\s*$/, "" );
}
function validateInteger(form) {
var bValid = true;
var focusField = null;
var i = 0;
var fields = new Array();
oInteger = new IntegerValidations();
for (x in oInteger) {
var field = form[oInteger[x][0]];
if (field == undefined)
{
alert(oInteger[x][0] + " is not defined in form");
return;
}
if (field.type == 'text' ||
field.type == 'textarea' ||
field.type == 'select-one' ||
field.type == 'radio') {

var value = '';
                        // get field's value
                        if (field.type == "select-one") {
                            var si = field.selectedIndex;
                         if (si >= 0) {
                             value = field.options[si].value;
                         }
                        } else {
                            value = field.value;
                        }

if (value.length > 0) {

if (!isAllDigits(value)) {
bValid = false;
if (i == 0) {
     focusField = field;
     }
                         fields[i++] = oInteger[x][1];
                        
} else {
     var iValue = parseInt(value);
     if (isNaN(iValue) || !(iValue >= -2147483648 && iValue <= 2147483647)) {
     if (i == 0) {
     focusField = field;
     }
     fields[i++] = oInteger[x][1];
     bValid = false;
     }
}
}
}
}
if (fields.length > 0) {
focusField.focus();
alert(fields.join('\n'));
}
return bValid;
}

function isAllDigits(argvalue) {
argvalue = argvalue.toString();
var validChars = "0123456789";
var startFrom = 0;
if (argvalue.substring(0, 2) == "0x") {
validChars = "0123456789abcdefABCDEF";
startFrom = 2;
} else if (argvalue.charAt(0) == "0") {
validChars = "01234567";
startFrom = 1;
} else if (argvalue.charAt(0) == "-") {
startFrom = 1;
}

for (var n = startFrom; n < argvalue.length; n++) {
if (validChars.indexOf(argvalue.substring(n, n+1)) == -1) return false;
}
return true;
}
function validateRange(form) {
return validateIntRange(form);
}
function validateCreditCard(form) {
var bValid = true;
var focusField = null;
var i = 0;
var fields = new Array();
oCreditCard = new creditCard();
for (x in oCreditCard) {
if ((form[oCreditCard[x][0]].type == 'text' ||
form[oCreditCard[x][0]].type == 'textarea') &&
(form[oCreditCard[x][0]].value.length > 0)) {
if (!luhnCheck(form[oCreditCard[x][0]].value)) {
if (i == 0) {
focusField = form[oCreditCard[x][0]];
}
fields[i++] = oCreditCard[x][1];
bValid = false;
}
}
}
if (fields.length > 0) {
focusField.focus();
alert(fields.join('\n'));
}
return bValid;
}

/**
* Reference: http://www.ling.nwu.edu/~sburke/pub/luhn_lib.pl
*/

function luhnCheck(cardNumber) {
if (isLuhnNum(cardNumber)) {
var no_digit = cardNumber.length;
var oddoeven = no_digit & 1;
var sum = 0;
for (var count = 0; count < no_digit; count++) {
var digit = parseInt(cardNumber.charAt(count));
if (!((count & 1) ^ oddoeven)) {
digit *= 2;
if (digit > 9) digit -= 9;
};
sum += digit;
};
if (sum == 0) return false;
if (sum % 10 == 0) return true;
};
return false;
}

function isLuhnNum(argvalue) {
argvalue = argvalue.toString();
if (argvalue.length == 0) {
return false;
}
for (var n = 0; n < argvalue.length; n++) {
if ((argvalue.substring(n, n+1) < "0") ||
(argvalue.substring(n,n+1) > "9")) {
return false;
}
}
return true;
}
function validateDate(form) {
var bValid = true;
var focusField = null;
var i = 0;
var fields = new Array();
oDate = new DateValidations();
for (x in oDate) {
if (form[oDate[x][0]] == undefined)
{
alert(oDate[x][0] + " is not defined in form");
return;
}
var value = form[oDate[x][0]].value;
var datePattern = oDate[x][2]("datePatternStrict");
if ((form[oDate[x][0]].type == 'text' ||
form[oDate[x][0]].type == 'textarea') &&
(value.length > 0) &&
(datePattern != undefined && datePattern.length > 0)) {
var MONTH = "MM";
var DAY = "dd";
var YEAR = "yyyy";
var orderMonth = datePattern.indexOf(MONTH);
var orderDay = datePattern.indexOf(DAY);
var orderYear = datePattern.indexOf(YEAR);
if ((orderDay < orderYear && orderDay > orderMonth)) {
var iDelim1 = orderMonth + MONTH.length;
var iDelim2 = orderDay + DAY.length;
var delim1 = datePattern.substring(iDelim1, iDelim1 + 1);
var delim2 = datePattern.substring(iDelim2, iDelim2 + 1);
if (iDelim1 == orderDay && iDelim2 == orderYear) {
dateRegexp = new RegExp("^(\\d{2})(\\d{2})(\\d{4})$");
} else if (iDelim1 == orderDay) {
dateRegexp = new RegExp("^(\\d{2})(\\d{2})[" + delim2 + "](\\d{4})$");
} else if (iDelim2 == orderYear) {
dateRegexp = new RegExp("^(\\d{2})[" + delim1 + "](\\d{2})(\\d{4})$");
} else {
dateRegexp = new RegExp("^(\\d{2})[" + delim1 + "](\\d{2})[" + delim2 + "](\\d{4})$");
}
var matched = dateRegexp.exec(value);
if(matched != null) {
if (!isValidDate(matched[2], matched[1], matched[3])) {
if (i == 0) {
focusField = form[oDate[x][0]];
}
fields[i++] = oDate[x][1];
bValid = false;
}
} else {
if (i == 0) {
focusField = form[oDate[x][0]];
}
fields[i++] = oDate[x][1];
bValid = false;
}
} else if ((orderMonth < orderYear && orderMonth > orderDay)) {
var iDelim1 = orderDay + DAY.length;
var iDelim2 = orderMonth + MONTH.length;
var delim1 = datePattern.substring(iDelim1, iDelim1 + 1);
var delim2 = datePattern.substring(iDelim2, iDelim2 + 1);
if (iDelim1 == orderMonth && iDelim2 == orderYear) {
dateRegexp = new RegExp("^(\\d{2})(\\d{2})(\\d{4})$");
} else if (iDelim1 == orderMonth) {
dateRegexp = new RegExp("^(\\d{2})(\\d{2})[" + delim2 + "](\\d{4})$");
} else if (iDelim2 == orderYear) {
dateRegexp = new RegExp("^(\\d{2})[" + delim1 + "](\\d{2})(\\d{4})$");
} else {
dateRegexp = new RegExp("^(\\d{2})[" + delim1 + "](\\d{2})[" + delim2 + "](\\d{4})$");
}
var matched = dateRegexp.exec(value);
if(matched != null) {
if (!isValidDate(matched[1], matched[2], matched[3])) {
if (i == 0) {
focusField = form[oDate[x][0]];
}
fields[i++] = oDate[x][1];
bValid = false;
}
} else {
if (i == 0) {
focusField = form[oDate[x][0]];
}
fields[i++] = oDate[x][1];
bValid = false;
}
} else if ((orderMonth > orderYear && orderMonth < orderDay)) {
var iDelim1 = orderYear + YEAR.length;
var iDelim2 = orderMonth + MONTH.length;
var delim1 = datePattern.substring(iDelim1, iDelim1 + 1);
var delim2 = datePattern.substring(iDelim2, iDelim2 + 1);
if (iDelim1 == orderMonth && iDelim2 == orderDay) {
dateRegexp = new RegExp("^(\\d{4})(\\d{2})(\\d{2})$");
} else if (iDelim1 == orderMonth) {
dateRegexp = new RegExp("^(\\d{4})(\\d{2})[" + delim2 + "](\\d{2})$");
} else if (iDelim2 == orderDay) {
dateRegexp = new RegExp("^(\\d{4})[" + delim1 + "](\\d{2})(\\d{2})$");
} else {
dateRegexp = new RegExp("^(\\d{4})[" + delim1 + "](\\d{2})[" + delim2 + "](\\d{2})$");
}
var matched = dateRegexp.exec(value);
if(matched != null) {
if (!isValidDate(matched[3], matched[2], matched[1])) {
if (i == 0) {
focusField = form[oDate[x][0]];
}
fields[i++] = oDate[x][1];
bValid = false;
}
} else {
if (i == 0) {
focusField = form[oDate[x][0]];
}
fields[i++] = oDate[x][1];
bValid = false;
}
} else {
if (i == 0) {
focusField = form[oDate[x][0]];
}
fields[i++] = oDate[x][1];
bValid = false;
}
}
}
if (fields.length > 0) {
focusField.focus();
alert(fields.join('\n'));
}
return bValid;
}

     function isValidDate(day, month, year) {
     if (month < 1 || month > 12) {
return false;
}
if (day < 1 || day > 31) {
return false;
}
if ((month == 4 || month == 6 || month == 9 || month == 11) &&
(day == 31)) {
return false;
}
if (month == 2) {
var leap = (year % 4 == 0 &&
(year % 100 != 0 || year % 400 == 0));
if (day>29 || (day == 29 && !leap)) {
return false;
}
}
return true;
}
function validateIntRange(form) {
var isValid = true;
var focusField = null;
var i = 0;
var fields = new Array();
oRange = new intRange();
for (x in oRange) {
var field = form[oRange[x][0]];
if (field == undefined)
{
alert(oRange[x][0] + " is not defined in form");
return;
}

if ((field.type == 'text' ||
field.type == 'textarea') &&
(field.value.length > 0)) {

var iMin = parseInt(oRange[x][2]("min"));
var iMax = parseInt(oRange[x][2]("max"));
var iValue = parseInt(field.value);
if (!(iValue >= iMin && iValue <= iMax)) {
if (i == 0) {
focusField = field;
}
fields[i++] = oRange[x][1];
isValid = false;
}
}
}
if (fields.length > 0) {
focusField.focus();
alert(fields.join('\n'));
}
return isValid;
}
function validateShort(form) {
var bValid = true;
var focusField = null;
var i = 0;
var fields = new Array();
oShort = new ShortValidations();
for (x in oShort) {
var field = form[oShort[x][0]];
if (field == undefined)
{
alert(oShort[x][0] + " is not defined in form");
return;
}
if (field.type == 'text' ||
field.type == 'textarea' ||
field.type == 'select-one' ||
field.type == 'radio') {

var value = '';
                        // get field's value
                        if (field.type == "select-one") {
                            var si = field.selectedIndex;
                            if (si >= 0) {
                                value = field.options[si].value;
                            }
                        } else {
                            value = field.value;
                        }

if (value.length > 0) {
if (!isAllDigits(value)) {
bValid = false;
if (i == 0) {
focusField = field;
}
fields[i++] = oShort[x][1];

} else {

     var iValue = parseInt(value);
     if (isNaN(iValue) || !(iValue >= -32768 && iValue <= 32767)) {
     if (i == 0) {
     focusField = field;
     }
     fields[i++] = oShort[x][1];
     bValid = false;
     }
     }
}
}
}
if (fields.length > 0) {
focusField.focus();
alert(fields.join('\n'));
}
return bValid;
}
function validateFloat(form) {
var bValid = true;
var focusField = null;
var i = 0;
var fields = new Array();
oFloat = new FloatValidations();
for (x in oFloat) {
var field = form[oFloat[x][0]];
if (field == undefined)
{
alert(oFloat[x][0] + " is not defined in form");
return;
}
if (field.type == 'text' ||
field.type == 'textarea' ||
field.type == 'select-one' ||
field.type == 'radio') {

var value = '';
                        // get field's value
                        if (field.type == "select-one") {
                            var si = field.selectedIndex;
                            if (si >= 0) {
                             value = field.options[si].value;
                            }
                        } else {
                            value = field.value;
                        }

if (value.length > 0) {
// remove '.' before checking digits
var tempArray = value.split('.');
var joinedString= tempArray.join('');

if (!isAllDigits(joinedString)) {
bValid = false;
if (i == 0) {
focusField = field;
}
fields[i++] = oFloat[x][1];

} else {
     var iValue = parseFloat(value);
     if (isNaN(iValue)) {
     if (i == 0) {
     focusField = field;
     }
     fields[i++] = oFloat[x][1];
     bValid = false;
     }
}
}
}
}
if (fields.length > 0) {
focusField.focus();
alert(fields.join('\n'));
}
return bValid;
}
function validateEmail(form) {
var bValid = true;
var focusField = null;
var i = 0;
var fields = new Array();
oEmail = new email();
for (x in oEmail) {
if ((form[oEmail[x][0]].type == 'text' ||
form[oEmail[x][0]].type == 'textarea') &&
(form[oEmail[x][0]].value.length > 0)) {
if (!checkEmail(form[oEmail[x][0]].value)) {
if (i == 0) {
focusField = form[oEmail[x][0]];
}
fields[i++] = oEmail[x][1];
bValid = false;
}
}
}
if (fields.length > 0) {
focusField.focus();
alert(fields.join('\n'));
}
return bValid;
}

/**
* Reference: Sandeep V. Tamhankar (stamhankar@hotmail.com),
* http://javascript.internet.com
*/

function checkEmail(emailStr) {
if (emailStr.length == 0) {
return true;
}
var emailPat=/^(.+)@(.+)$/;
var specialChars="\\(\\)<>@,;:\\\\\\\"\\.\\[\\]";
var validChars="\[^\\s" + specialChars + "\]";
var quotedUser="(\"[^\"]*\")";
var ipDomainPat=/^(\d{1,3})[.](\d{1,3})[.](\d{1,3})[.](\d{1,3})$/;
var atom=validChars + '+';
var word="(" + atom + "|" + quotedUser + ")";
var userPat=new RegExp("^" + word + "(\\." + word + ")*$");
var domainPat=new RegExp("^" + atom + "(\\." + atom + ")*$");
var matchArray=emailStr.match(emailPat);
if (matchArray == null) {
return false;
}
var user=matchArray[1];
var domain=matchArray[2];
if (user.match(userPat) == null) {
return false;
}
var IPArray = domain.match(ipDomainPat);
if (IPArray != null) {
for (var i = 1; i <= 4; i++) {
if (IPArray[i] > 255) {
return false;
}
}
return true;
}
var domainArray=domain.match(domainPat);
if (domainArray == null) {
return false;
}
var atomPat=new RegExp(atom,"g");
var domArr=domain.match(atomPat);
var len=domArr.length;
if ((domArr[domArr.length-1].length < 2) ||
(domArr[domArr.length-1].length > 3)) {
return false;
}
if (len < 2) {
return false;
}
return true;
}
function validateMask(form) {
var isValid = true;
var focusField = null;
var i = 0;
var fields = new Array();
oMasked = new mask();
for (x in oMasked) {
var field = form[oMasked[x][0]];
if (field == undefined)
{
alert(oMasked[x][0] + " is not defined in form");
return;
}

if ((field.type == 'text' ||
field.type == 'textarea') &&
(field.value.length > 0)) {

if (!matchPattern(field.value, oMasked[x][2]("mask"))) {
if (i == 0) {
focusField = field;
}
fields[i++] = oMasked[x][1];
isValid = false;
}
}
}

if (fields.length > 0) {
focusField.focus();
alert(fields.join('\n'));
}
return isValid;
}

function matchPattern(value, mask) {
return mask.exec(value);
}
function validateMinLength(form) {
var isValid = true;
var focusField = null;
var i = 0;
var fields = new Array();
oMinLength = new minlength();
for (x in oMinLength) {
var field = form[oMinLength[x][0]];
if (field == undefined)
{
alert(oMinLength[x][0] + " is not defined in form");
return;
}

if (field.type == 'text' ||
field.type == 'textarea') {

var iMin = parseInt(oMinLength[x][2]("minlength"));
if ((trim(field.value).length > 0) && (field.value.length < iMin)) {
if (i == 0) {
focusField = field;
}
fields[i++] = oMinLength[x][1];
isValid = false;
}
}
}
if (fields.length > 0) {
focusField.focus();
alert(fields.join('\n'));
}
return isValid;
}

//End -->
</script>



</td>
</tr>
</table>
</td>
</tr>
</table>



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

</body>
</html>

Wednesday, March 10, 2004
I see the grids just fine in IE6. Maybe you need to post (or send me) the missing stylesheet(s) as well.
Alex (ActiveWidgets)
Thursday, March 11, 2004
Here is promis.css:

/* base classes */

html, body {
background-color: #ffffff;
margin: 0px;
font: normal 11px verdana, arial, sans-serif;
color: #333;
height: 100%;
}


li {
list-style-type: square;
margin: 3px;
}


ul {
list-style-position: outside;
}


a, a:visited {
font: normal 11px verdana, arial, sans-serif;
color: #1975b8;
text-decoration: none;
}


a:hover {
font: normal 11px verdana, arial, sans-serif;
color: #f27706;
text-decoration: none;
}


.boldlink a, .boldlink a:visited, .sidetab_active_link a, .sidetab_active_link a:visited {
font: bold 11px verdana, arial, sans-serif;
color: #1975b8;
text-decoration: none;
}


.boldlink a:hover, .sidetab_active_link a:hover {
font: bold 11px verdana, arial, sans-serif;
color: #f27706;
text-decoration: none;
}


.main_selected_tab_link a, .main_selected_tab_link a:visited {
font: bold 10px verdana, arial, sans-serif;
color: #fff;
text-decoration: none;
}


.main_selected_tab_link a:hover {
font: bold 10px verdana, arial, sans-serif;
color: #EBEBEB;
text-decoration: none;
}


.main_unselected_tab_link a, .main_unselected_tab_link a:visited {
font: bold 10px verdana, arial, sans-serif;
color: #656565;
text-decoration: none;
}


.main_unselected_tab_link a:hover {
font: bold 10px verdana, arial, sans-serif;
color: #929292;
text-decoration: none;
}


.disabledlink a, .disabledlink a:visited, .sidetab_inactive_link a, .sidetab_inactive_link a:visited {
font: normal 11px verdana, arial, sans-serif;
color: #656565;
text-decoration: none;
}


.disabledlink a:hover, .sidetab_inactive_link a:hover {
font: normal 11px verdana, arial, sans-serif;
color: #999;
text-decoration: none;
}


.errorlink a, .errorlink a:visited {
font: bold 11px verdana, arial, sans-serif;
color: #960000;
text-decoration: none;
}


.errorlink a:hover {
font: bold 11px verdana, arial, sans-serif;
color: #ff0000;
text-decoration: none;
}


.largelink a, .largelink a:visited {
font: bold 18px "Trebuchet MS", Arial;
color: #196195;
text-decoration: none;
}


.largelink a:hover {
font: bold 18px "Trebuchet MS", Arial;
color: #333;
text-decoration: none;
}


/* font classes */

.normaltxt {
color: #333;
font: normal 11px verdana, arial, sans-serif;
}


.boldtxt {
color: #333;
font: bold 11px verdana, arial, sans-serif;
}


.smalltxt {
color: #333;
font: normal 10px verdana, arial, sans-serif;
}


.smallboldtxt {
color: #333;
font: bold 10px verdana, arial, sans-serif;
}


.bluetxt {
color: #1975b8;
font: normal 11px verdana, arial, sans-serif;
}


.boldbluetxt {
color: #1975b8;
font: bold 11px verdana, arial, sans-serif;
}


.largetxt {
font: bold 18px "Trebuchet MS", Arial;
color: #196195;
}


/* about classes */

.aboutblue {
font: normal 36px "Trebuchet MS", Arial;
color: #1975b8;
}


.aboutblack {
font: normal 36px "Trebuchet MS", Arial;
color: #212121;
}


.toolbarversion {
font: normal 22px "Trebuchet MS", Arial;
color: #212121;
}


/* toolbar classes */

.toolbar_bg {
background: url(../_images/_bg/toolbar_bg.gif);
height: 40px;
padding: 5px 6px 0px 6px;
}


.btn_bg {
background: url(../_images/_bg/btn_bg.gif);
height: 33px;
}


.pm_button {
color: #3b3b3b;
font: bold 11px verdana, arial, sans-serif;
background: url(../_images/_btn/button_bg.gif);
height: 29px;
border: none;
padding-bottom: 3px;
}


/* navigation classes */

.nav_bg {
background: #e5e5e5;
border-right: 1px solid #4d4d4d;
padding: 2px 5px 5px 5px;
}


.divider_bg {
background: url(../_images/_bg/leftnav_divider.gif);
height: 2px;
font-size: 1px;
}


.tree_title {
background: #d5e7f0;
border: 1px solid #a3a3a3;
padding: 5px;
font: normal 11px verdana, arial, sans-serif;
color: #115688;
}


.tree_bg {
background: #fff;
border: 1px solid #a3a3a3;
border-top: none;
padding: 5px 0px 3px 5px;
font: normal 11px verdana, arial, sans-serif;
color: #4a4a4a;
}


/* Form Classes */

.multicolheader {
font: 8pt monospace;
}



/* Content Classes */

.content_bg {
background: #fff;
border-right: 1px solid #4d4d4d;
padding: 16px 0px 0px 14px;
}


.icon_bg {
background: url(../_images/_bg/icon_bg.gif);
height: 23px;
}


.pm_highlight {
background: #e5e5e5;
}


.pm_form {
background: #fff;
width: 100%;
}


.pm_form input, .pm_form select {
font: normal 11px verdana, arial, sans-serif;
color: #333;
}


.pm_form .multicol {
font: 8pt monospace;
}


.pm_form checkbox {
color: #666666;
}


.pm_form TD {
border-top-width:1;
border-top-style: solid;
border-top-color: #fff;
border-bottom-width:1;
border-bottom-style: solid ;
border-bottom-color: #dcdcdc;
color:#555;
font: normal 11px verdana, arial, sans-serif;
height: 30px;
vertical-align: bottom;
padding: 3px;
}


.pm_form .title {
border-top-color: #fff;
border-bottom-color: #dcdcdc;
color: #196195;
font: bold 11px verdana, arial, sans-serif;
}


.pm_form .blank {
color:#555;
font: normal 11px verdana, arial, sans-serif;
}


/* login classes */

.login_body {
background: #fff;
font: normal 11px verdana, arial, sans-serif;
color: #333;
padding: 5px 0px 0px 16px;
}


.login_gray {
background: #ebebeb;
font: normal 11px verdana, arial, sans-serif;
color: #333;
border-left: 1px solid #4d4d4d;
padding: 10px 0px 0px 5px;
}


.login_icon_bg {
background: url(../_images/_bg/login_icon_bg.gif);
height: 25px;
}


.login {
background: #e9e9e9;
border-color: #c4c4c4;
border-width: 1;
border-style: solid;
border-right-width:1;
border-right-style: solid;
border-right-color: #c4c4c4;
}


.login_highlight {
background-color: #f4f4f4;
}


.login input {
height: 22px;
font: normal 11px verdana, arial, sans-serif;
color: #1975b8;
}


.login checkbox {
color: #666;
}


.login TD {
border-top-width:1;
border-top-style: solid ;
border-top-color: #fff;
border-bottom-width:1;
border-bottom-style: solid ;
border-bottom-color: #c4c4c4;
color:#555;
font: normal 11px verdana, arial, sans-serif;
}


.login .title {
color: #343434;
font: bold 11px verdana, arial, sans-serif;
padding-left: 7px;
}


.login .heading {
background: #ddd;
color: #343434;
font: bold 11px verdana, arial, sans-serif;
padding-left: 7px;
}


.login .prompts {
color: #343434;
font: bold 11px verdana, arial, sans-serif;
padding-left: 7px;
}


.login .error {
color: #a00;
font: normal 11px verdana, arial, sans-serif;
padding-left: 7px;
}


.login_btn {
background: url(../_images/_btn/login_btn.gif);
width: 77px;
height: 21px;
border: none;
cursor: hand;
}


.login_btn_over {
background: url(../_images/_btn/login_btn_over.gif);
width: 77px;
height: 21px;
border: none;
cursor: hand;
}


/* Main tab classes */

.main_selected_tab_l {
background: url(../_images/_tabs/main_selected_tab_l.gif);
width: 5px;
height: 15px;
border: none;
}


.main_selected_tab_bg {
background: url(../_images/_tabs/main_selected_tab_bg.gif);
height: 15px;
border: none;
font: bold 10px verdana, arial, sans-serif;
color: #fff;
padding: 0px 10px 0px 10px;
}


.main_selected_tab_r {
background: url(../_images/_tabs/main_selected_tab_r.gif);
width: 5px;
height: 15px;
border: none;
}


.main_unselected_tab_l {
background: url(../_images/_tabs/main_unselected_tab_l.gif);
width: 5px;
height: 15px;
border: none;
}


.main_unselected_tab_bg {
background: url(../_images/_tabs/main_unselected_tab_bg.gif);
height: 15px;
border: none;
font: bold 10px verdana, arial, sans-serif;
color: #656565;
padding: 0px 10px 0px 10px;
}


.main_unselected_tab_r {
background: url(../_images/_tabs/main_unselected_tab_r.gif);
width: 5px;
height: 15px;
border: none;
}


/* Admin Navigation classes */

.admin_nav_l {
background: url(../_images/_tabs/main_selected_tab_l.gif);
width: 5px;
height: 15px;
border: none;
}


.admin_nav_bg {
background: url(../_images/_tabs/main_selected_tab_bg.gif);
height: 15px;
border: none;
font: bold 10px verdana, arial, sans-serif;
color: #fff;
padding: 0px 10px 0px 10px;
}


.admin_nav_r {
background: url(../_images/_tabs/main_selected_tab_r.gif);
width: 5px;
height: 15px;
border: none;
}


.admin_nav_link a, .admin_nav_link a:visited {
font: bold 10px verdana, arial, sans-serif;
color: #fff;
text-decoration: none;
}


.admin_nav_link a:hover {
font: bold 10px verdana, arial, sans-serif;
color: #C0C0C0;
text-decoration: none;
}




/* sidebar classes */

.sidebar_bg {
background: #d5e7f0;
padding-top: 20px;
padding-right: 7px;
}


/* sidetab classes */

.sidetab_active_bg {
background: #fff;
border-top: 1px outset #4d4d4d;
border-bottom: 1px solid #4d4d4d;
border-left: 1px solid #fff;
color: #1975b8;
font: bold 11px verdana, arial, sans-serif;
height: 23px;
padding-left: 7px;
}


.sidetab_active_end {
background: #fff;
border-right: 1px solid #4d4d4d;
}


.sidetab_inactive_bg {
background: #e5e5e5;
border-top: 1px solid #4d4d4d;
border-bottom: 1px solid #4d4d4d;
color: #606060;
font: normal 11px verdana, arial, sans-serif;
height: 23px;
padding-left: 7px;
}


.sidetab_inactive_end {
background: #e5e5e5;
border-right: 1px solid #4d4d4d;
}


/* footer classes */

.footer_line {
background: url(../_images/_bg/footer_bg.gif);
height: 3px;
}


.footer {

}


/* error classes */

.errors {
color: #a00;
background: #fff;
font: 11px verdana,arial,sans-serif;
border: 1px solid #a00;
}


.warnings {
color: #a00;
background: #f0e68c;
font: 11px verdana,arial,sans-serif;
border: 1px solid #a00;
}
Brian Yarger
Thursday, March 11, 2004
I'm using IE 6.0.2800.1106 on both windows 2000 and windows XP. If I remove the stylesheet link I still have the problem, so I'm not sure that is going to help.
Thursday, March 11, 2004
Yes, can replicate this (sometimes).
Alex (ActiveWidgets)
Thursday, March 11, 2004
Any ideas? I'd love to use this control, but for now I've had to turn it off for IE, and go with something a lot more basic.
Brian Yarger
Thursday, March 11, 2004
It looks like the grid does not work well inside complex table layout. I am still looking into this issue. At the moment I can suggest a workaround - refresh the grids after the page is fully loaded:

window.onload = function(){
grid1.refresh();
grid2.refresh();
...
}

You also have to use unique IDs for the grids. In your current code the grid ID is the same as ID (name attribute) for the hidden input element. In this case refresh (sorting, etc.) will not work properly.
Alex (ActiveWidgets)
Saturday, March 13, 2004
Thanks for the help Alex. The refresh seems to be doing it. I also renamed the grids, so they don't collide with the input parameter. If you come up with a fix, could I get an email to byarger AT dssolutions.com. Thanks.
Brian Yarger
Tuesday, March 16, 2004

This topic is archived.


Back to support forum

Forum search