Hola como estas mira si quieres copia este codigo completo y lo corres para ver si te funciona para lo q desees, es un cuadro donde realiza una amortizacion que pude lograr, revisalo y lo adaptas y me avisas si te sirvio
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <title> Cuadro de Amortización
» </title>
<!-- Comment Rating plugin by Bob King, http://wealthynetizen.com/, dynamic comment styling. -->
<style type="text/css" media="screen">
.ckrating_highly_rated {background-color:#FFFFCC !important;}
.ckrating_poorly_rated {opacity:0.6;filter:alpha(opacity=70);}
<!-- Added By Democracy Plugin. Version 2.0.1 -->
<script type='text/javascript' src='http://www.calculodehipoteca.net/wp-content/plugins/democracy/democracy.js'></script> <link rel='stylesheet' href='http://www.calculodehipoteca.net/wp-content/plugins/democracy/basic.css' type='text/css' /> <link rel='stylesheet' href='http://www.calculodehipoteca.net/wp-content/plugins/democracy/style.css' type='text/css' />
<script type="text/javascript" src="http://www.calculodehipoteca.net/wp-content/plugins/share-this/share-this.php?akst_action=js"></script> <link rel="stylesheet" type="text/css" href="http://www.calculodehipoteca.net/wp-content/plugins/share-this/share-this.php?akst_action=css" />
<!-- Start Of Script Generated By WP-PostRatings 1.40 -->
<script type="text/javascript"> /* <![CDATA[ */
var ratings_plugin_url = 'http://www.calculodehipoteca.net/wp-content/plugins/wp-postratings';
var ratings_ajax_url = 'http://www.calculodehipoteca.net/wp-content/plugins/wp-postratings/wp-postratings.php';
var ratings_text_wait = 'Por favor, sólo vote 1 entrada a la vez.';
var ratings_image = 'stars';
var ratings_image_ext = 'gif';
var ratings_max = 5;
var ratings_mouseover_image = new Image();
ratings_mouseover_image.src = ratings_plugin_url + "/images/" + ratings_image + "/rating_over.gif";
var ratings_show_loading = 1;
var ratings_show_fading = 1;
var ratings_custom = 0;
/* ]]> */
<!--
body {
background-color: #FFFFFF;
}
.Estilo1 {
color: #0000FF;
font-weight: bold;
}
.Estilo3 {color: #000000}
.Estilo4 {color: #000000; font-weight: bold; }
.Estilo5 {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
-->
<table width="469" border='0' align="center" bgcolor="#99FFFF"> <tr><td width="463" height="724" valign='top'> <div class="post-content"> <input type="hidden" name="phpMyAdmin" value="30cf65db69384ae2fff3163efe3b599b" /> <span class="post-title Estilo5">Cuadro de Amortización - Prestamo Banco Comunal
</span> </div> <table width="450" border='0' align="center"> <td width="174"><div align="right" class="Estilo1 Estilo3">Dinero a solicitar:
</div></td><td width="266"> <input name="capital" type="text" value="100" size="6" maxlength="5"></td> </tr><tr bgcolor="#FFFFFF"> <td><div align="right" class="Estilo4">Plazo:
</div></td><td> <span class="Estilo3"> <input name="anos" type="text" id="anos" value="1" size="3" maxlength="1" /> <input name="meses" type="text" id="meses" size="3" maxlength="2" /> <input name="int1" type="text" value="6" size="2" maxlength="1" /> %
<input name="button" type="button" onclick=cuadroamortizacion(this.form) value= "Calcular" />
<div align="center"><span class="Estilo3">
<script language="JavaScript" type="text/javascript"> function cuadroamortizacion(form)
{
i=Number(form.int1.value);
princ =Number(form.capital.value);
intRate = (i/100) / 12;
months=Number(form.anos.value*12) + Number(form.meses.value);
cuota = Math.floor((princ*intRate)/(1-Math.pow(1+intRate,(-1*months)))*100)/100;
txtcuadro="Año\tMes\tCuota\tInteres\tAmortizacion\tCapital\n";
capitalpendiente=princ;
ano=1;
m=0;
for (i=1;i<=months;i++) {
m++;
if (m>12) {
ano++;
m=1;
}
txtlinea="";
txtlinea+=ano;
txtlinea+="\t" + m;
txtlinea+="\t" + cuota;
intereses=Math.round(capitalpendiente * intRate*100)/100;
txtlinea+="\ " +intereses;
amortizacion=Math.round((cuota-intereses)*100)/100;
txtlinea+="\t" + amortizacion;
capitalpendiente=Math.round((capitalpendiente-amortizacion)*100)/100;
txtlinea+="\ " + capitalpendiente;
txtlinea+="\n";
if (i==months) { //ultima cuota redondeo
txtlinea="";
txtlinea+=ano + "\t" + m;
nuevacuota=Math.round((cuota + capitalpendiente)*100)/100;
txtlinea+="\t" + nuevacuota;
txtlinea+="\t" + intereses;
txtlinea+="\t" + nuevacuota;
txtlinea+="\t\t" + 0 ;
txtlinea+="\n";
}
txtcuadro+=txtlinea;
}
form.cuadro.value=txtcuadro;
}
<span class="Estilo5"><a href="purecssmenu.html" target="_self"></a></span> </div>
<p><p align="center"> </p> <script type="text/javascript" language="javascript1.2"> <!--
function printPage()
{
document.getElementById('print').style.visibility = 'hidden';
// Do print the page
if (typeof(window.print) != 'undefined') {
window.print();
}
document.getElementById('print').style.visibility = '';
}
//-->
<?php
$strPrint="Imprimir";
echo '<br /><br /> <input type="button" style="visibility: ; width: 100px; height: 25px" id="print" value="' . $strPrint . '" onclick="printPage()">' . "\n";
?>