AccountDeselect
by Jose Montero
HTML
<table>
<tr><td colspan=2 class='acctRow'>Account:</td><td class='deleteAcct'>X</td></tr>
<tr><td>Invoice Number</td><td>Amnt Owed</td><td>Pay Amount</td></tr>
</table>
CSS
body{
font-family: Arial;
font-size: 12px;
}
table, td{
border: solid 1px black;
border-collapse: collapse;
}
table{
width: 70%;
}
td {
padding: 5px;
text-align: center;
}
.acctRow{
text-align: left;
border-right: 0px white;
}
.deleteAcct{
text-align: right;
color: red;
font-weight: bold;
border-left: 0px white;
}
JavaScript
(function(){
return{
accounts: [],
loadAccts: function()
{
this.accounts.push({'acctId': '1', 'acctName': 'ACME'});
}
}
})();