...

View Full Version : print button for budget sheet



957
05-23-2010, 09:25 AM
I want people to be able to print off their budget sheet alone. here's a link
http://votillity.com/calculator.php

and the html


<div>
<form class="calcform" name="BS" style="overflow:scroll;height:79%;top:100px;left:5px;" action="">
<table border="6">
<tr>
<td><p style="text-align:center;font-size:30px;">Budget Sheet</p></td>
<td><p class="BSCH">Monthly<br />Budget<br />Amount</p></td>
<td><p class="BSCH">Monthly<br />Actual<br />Amount</p></td>
<td><p class="BSCH">Difference</p></td>
</tr>
<tr>
<td><p class="BSH1">INCOME:</p></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><p>Wages and Bonuses</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Interest Income</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Investment Income</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Miscellaneous Income</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH2">Income sub-total</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH1">INCOME TAXES WITHHELD:</p></td>
</tr>
<tr>
<td><p>Federal Income Tax</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>State and Local Income Tax</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Social Security/Medicare Tax</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH2">Income Taxes Subtotal</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH2">Spendable Income</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH1">EXPENSES:</p></td>
</tr>
<tr>
<td><p class="BSH1">Home:</p></td>
</tr>
<tr>
<td><p>Mortgage or Rent</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Homeowners/Renters Insurance</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Property Taxes</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Home Repairs/Maintenance/HOA Dues</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Home Improvements</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH1">Utilities:</p></td>
</tr>
<tr>
<td><p>Electricity</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Water and Sewer</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Natural Gas or Oil</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Telephone (Land Line, Cell)</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH1">Food:</p></td>
</tr>
<tr>
<td><p>Groceries</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Eating Out, Lunches, Snacks</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH1">Family Obligations:</p></td>
</tr>
<tr>
<td><p>Child Support</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Alimony</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Day Care, Babysitting</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH1">Health and Medical:</p></td>
</tr>
<tr>
<td><p>Insurance (medical,dental,vision)</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Unreimbursed Medical<br />Expenses, Copays</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Fitness (Yoga,Massage,Gym)</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH1">Transportation:</p></td>
</tr>
<tr>
<td><p>Car Payments</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Gasoline/Oil</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Auto Repairs/Maintenance/Fees</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Auto Insurance</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Other Transportation<br />(tolls, bus, subway, taxis)</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH1">Debt Payments:</p></td>
</tr>
<tr>
<td><p>Credit Cards</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Student Loans</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Other Loans</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH1">Entertainment/Recreation:</p></td>
</tr>
<tr>
<td><p>Cable TV/Videos/Movies</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Computer Expense</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Hobbies</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Subscriptions and Dues</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Vacations</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH1">Pets:</p></td>
</tr>
<tr>
<td><p>Food</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Grooming, Boarding, Vet</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH1">Clothing:</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH1">Investments and Savings:</p></td>
</tr>
<tr>
<td><p>401(K)or IRA</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Stocks/Bonds/Mutual Funds</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>College Fund</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Savings</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Emergency Fund</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p class="BSH1">Miscellaneous:</p></td>
</tr>
<tr>
<td><p>Toiletries, Household Products</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Gifts/Donations</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Grooming (Hair, Make-up, Other)</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td><p>Miscellaneous Expense</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><p class="BSH2">Total Investments and Expenses</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><p class="BSH2">Surplus or Shortage<br />(Spendable income minus total<br />expenses and investments)</p></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
<td><input size="10" /></td>
</tr>
</table>
</form>
</div>

does anyone know how to do this?

met
05-23-2010, 09:31 AM
http://www.smashingmagazine.com/2007/02/21/printing-the-web-solutions-and-techniques/

i suppose would be of use

you can create a print only stylesheet and just assign a "noprint" (display:none; ) class to elements you dont want printed within it.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum