Foros del Web - Ver Mensaje Individual - javascript- formulario- crear nuevo

djaevi · #4 (**permalink**) 22/05/2012, 19:29

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Facturas</title>
 
<style>
    body {
        font-family:"Trebuchet MS";
    }
    
    #cabecera td {
        width:100px;
        padding-right:6px;
        text-align:center;
        background-color:#EFEFEF;
        border:dashed 1px #DEDEDE;
        }
    
    #ElementosFactura input {
        width:100px;
        text-align:center;
        }
        
    .botones {
        border:1px;
        cursor:pointer;
        margin-left:20px;
        }
        
    #totales {
        padding-top:10px;
        width:100%;
        padding-left:386px;
        }
        
    #totales input {
        width:100px;
        }
        
</style>
 
<script type="text/javascript">

Código Javascript:

Ver originalfunction clon(e) {
        var cantForms = document.getElementsByName("FacProvForm").length;
        var clon = e.cloneNode(true);
            clon.Eliminar.onclick = function() {
                document.getElementById("ElementosFactura").removeChild(this.parentNode);
                sumar();
            }
        clon.calcular = e.parentNode.calcular;
        clon.cantidad.value = 0;
        clon.costo.value = 0;
        clon.subtotal.value = 0;
        clon.PcioVta.value = 0;
        clon.gcia.value = 0;
        document.getElementById("ElementosFactura").appendChild(clon);   
    }
     
    function assign() {
        document.forms[0].calcular = function() {
            this.Vcantidad = this.cantidad.value;
            this.Vcosto = this.costo.value;
            this.Vsubtotal = this.subtotal.value = (this.Vcantidad * this.Vcosto) ;
            this.VPcioVta = this.PcioVta.value;
            this.Vgcia = this.gcia.value = (((this.VPcioVta / this.Vcosto)-1)*100) ;
        }
        //alert(document.forms[0].calcular);
    }
    
    function sumar() {
        var subtotales= document.getElementsByName("subtotal");
        var suma = 0;
        for (var i=0; i<subtotales.length; i++) {
            suma += Number(subtotales[i].value);
            }
        document.getElementById("sumaTotal").value = suma;
        }

Código HTML:

Ver original</script>
     
    </head>
     
    <body onload="assign();">
     
    <div id="factura" style="width:800px;">  
        <table id="cabecera" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td>Cantidad</td>
                <td>Costo</td>
                <td>Subtotal</td>
                <td>Precio de Venta</td>
                <td>Ganancia</td>
            </tr>
        </table>
        <div id="ElementosFactura">
            <form name="FacProvForm">
                <input name="cantidad" type="text" onkeyup="this.parentNode.calcular(); sumar();" size="15" value="0">
                <input name="costo" type="text" onkeyup="this.parentNode.calcular(); sumar();" size="15" value="0">
                <input name="subtotal" type="text" onkeyup="this.parentNode.calcular(); sumar();" size="15" value="0">
                <input name="PcioVta" type="text" onkeyup="this.parentNode.calcular(); sumar();" size="15" value="0">
                <input name="gcia" type="text" onkeyup="this.parentNode.calcular(); sumar();" size="15" value="0">
                <input class="botones" name="Agregar" type="button" onClick= "clon(this.parentNode);" value="Agregar Item" />
                <input class="botones" name="Eliminar" type="button" value="Eliminar Item" />
            </form>
        </div>
        <div id="totales">
            Total: <input type="text" id="sumaTotal" />
        </div>
    </div>
    </body>
</html>

Ahi esta fijate si te sirve, lo probe y anda de paso lo estilize un poco jaja

Saludos