<script language="javascript" type="text/javascript">
function calcularsubtotal()
{
var subtotal=0;
subtotal+= document.getElementById ("terminal1").value * 3940;
subtotal+= document.getElementById ("terminal2").value * 4650;
subtotal+= document.getElementById ("totem").value * 250;
subtotal+= document.getElementById ("rotulo").value * 250;
subtotal+= document.getElementById ("billetero").value * 410;
subtotal+= document.getElementById ("lector").value * 175;
subtotal+= document.getElementById ("puestam").value * 150;
var iva= subtotal * 16/100;
var total= subtotal + iva;
document.getElementById ("subtotal").innerHTML=subtotal;
document.getElementById ("iva").innerHTML=iva;
document.getElementById ("total").innerHTML=total;
var euro= "€";
document.getElementById ("t1").innerHTML= ponerdecimales(document.getElementById ("terminal1").value * 3940 ) + euro;
document.getElementById ("t2").innerHTML=ponerdecimales(document.getElemen tById ("terminal2").value * 4650) + euro;
document.getElementById ("tot").innerHTML=ponerdecimales(document.getEleme ntById ("totem").value * 250) + euro;
document.getElementById ("rotu").innerHTML=ponerdecimales(document.getElem entById ("rotulo").value * 250) + euro;
document.getElementById ("bille").innerHTML=ponerdecimales(document.getEle mentById ("billetero").value * 410) + euro;
document.getElementById ("lect").innerHTML=ponerdecimales(document.getElem entById ("lector").value * 175) + euro;
document.getElementById ("puest").innerHTML=ponerdecimales(document.getEle mentById ("puestam").value * 150) + euro;
}
function ponerdecimales(numero)
{
numero = String(numero); //Aquí convertimos a String el parámetro
if(numero.indexOf(".")==-1) { numero += ".00" } else {
if(numero.indexOf(".") == numero.length - 2) { numero += "0" }
}
return numero;
}
</script>
<form name="formulario" method="post" action="imprimir.php" >
<table border="1">
<tr>
<td><h5 style="text-decoration:underline; padding-left:15px;"> TIPO DE TERMINAL</h5></td>
<td><h5 style="text-decoration:underline; padding-left:15px;"> PRECIO UNITARIO</h5></td>
<td><h5 style="text-decoration:underline; padding-left:15px;"> CANTIDAD</h5></td>
<td><h5 style="text-decoration:underline; padding-left:15px;"> IMPORTE</h5></td>
</tr>
<tr>
<td>Terminal TM2-S</td>
<td> 3940€ </td>
<td><input type="text" id="terminal1" name="terminal1" size="5" value="0" onChange="if (this.value!='') {calcularsubtotal();}"> </td>
<td><span id="t1">0</span> </td>
</tr>
<tr>
<td>Terminal TM2-M</td>
<td> 4650€ </td>
<td><input type="text" id="terminal2" name="terminal2" size="5" value="0" onChange=" if(this.value!='') {calcularsubtotal(); };"> </td>
<td><span id="t2"></span> </td>
</tr>
<tr>
<td>Totem (instalacion interior)</td>
<td>250€ </td>
<td><input type="text" id="totem" name="totem" size="5" value="0" onChange=" if(this.value!='') { calcularsubtotal() };"> </td>
<td><span id="tot"></span> </td>
</tr>
<tr>
<td>Rotúlo Banderola (no incluye instalacion)</td>
<td> 250€ </td>
<td><input type="text" id="rotulo" name="rotulo" size="5" value="0" onChange="if(this.value!='') { calcularsubtotal(); };"> </td>
<td><span id="rotu"></span> </td>
</tr>
<tr>
<td>Billetero Con Staker (apilador)</td>
<td> 410€ </td>
<td><input type="text" id="billetero" name="billetero" size="5" value="0" onChange=" if(this.value!='') { calcularsubtotal(); };"> </td>
<td><span id="bille"></span> </td>
</tr>
<tr>
<td>Lector De Tarjetas </td>
<td> 175€ </td>
<td><input type="text" id="lector" name="lector" size="5" value="0" onChange=" if(this.value!='') { calcularsubtotal(); };"> </td>
<td><span id="lect"></span> </td>
</tr>
<tr>
<td>Puesta En Marcha</td>
<td> 150€ </td>
<td><input type="text" id="puestam" name="puestam" size="5" value="0" onChange=" if(this.value!='') { calcularsubtotal(); };"> </td>
<td><span id="puest"></span> </td>
</tr>
<tr>
<td colspan="3" align="right" style="text-decoration:underline;">Subtotal </td>
<td> <span id="subtotal"></span> </td>
</tr>
<tr>
<td colspan="3" align="right">IVA </td>
<td><span id="iva"> </span></td>
</tr>
<tr>
<td colspan="3" align="right">Total </td>
<td> <span id="total"> </span></td>
</tr>
<br><br>
</table>
<br>
<h5 style="text-decoration:underline; padding-left:15px;"> DATOS </h5>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">Nombre y apellidos:</div>
<input type="text" name="nombre" size="46" ><br>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">DNI: </div>
<input size="12" type="text" name="dni"><br>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">Empresa: </div>
<input size="46" type="text" name="empresa"><br>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">CIF: </div>
<input size="12" type="text" name="cif"><br>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">Domicilio: </div>
<input size="46" type="text" name="domicilio"><br>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">Población: </div>
<input size="46" type="text" name="poblacion"><br>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">Provincia: </div>
<input size="46" type="text" name="provincia"><br>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">CP: </div>
<input size="5" type="text" name="cp"><br>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">Teléfono: </div>
<input size="9" type="text" name="telefono"><br>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">Móvil: </div>
<input size="9" type="text" name="movil"><br>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">Fax: </div>
<input size="9" type="text" name="fax"><br>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">E-mail: </div>
<input size="9" type="text" name="email"><br>
<h5 style="text-decoration:underline; padding-left:15px;"> DATOS DE ENTREGA DEL TERMINAL </h5>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">Domicilio:</div>
<input class="cajaForm" size="46" type="text" name="domicilioT"><br>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">Población:</div>
<input class="cajaForm" size="46" type="text" name="poblacionT"><br>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">Provincia:</div>
<input class="cajaForm" size="46" type="text" name="provinciaT"><br>
<div style="float: left; width:150px; text-align:left; padding-left:15px;">C.P.:</div>
<input class="cajaForm" size="5" type="text" name="cpT"><br><br />
<input type="submit" name="enviar" value="Enviar Datos" />
</form>