Duda de novato

ramondevesa · #1 (**permalink**) 07/08/2011, 12:26

Tengo el siguiente código de un ejercicio

Código Javascript:

Ver originalvar factura = {
    empresa: {
        nombre:     "Nombre de la empresa",
        direccion:  "Dirección de la empresa",
        telefono:   "690260360",
        nif:        ""
    },
    cliente:{
        nombre:     "Nombre del cliente",
        direccion:  "Dirección del cliente",
        telefono:   "956227278",
        nif:        "XXXXXXXXX"
    },
    elementos: [
        {   descripcion: "Producto 1", cantidad: 0, precio: 0},
        {   descripcion: "Producto 2", cantidad: 0, precio: 0},
        {   descripcion: "Producto 3", cantidad: 0, precio: 0}
        ],
        informacion: {
            baseImponible:  0,
            iva:            16,
            total:          0,
            formaPago:      "contado"
        }
};
 
factura.calculaTotal = function(){
    for(var i=0; i<this.elementos.length; i++){
        this.informacion.baseImponible += this.elementos[i].cantidad * this.elementos[i].precio;
    }
    this.informacion.total = this.informacion.baseImponible * this.informacion.iva;
}
 
factura.muestraTotal = function() {
    this.calculaTotal();
    alert("TOTAL = " + this.informacion.total + " euros");
}
 
factura.muestraTotal();

y quiero saber como puedo mostrar campos para rellenar la factura, gracias.

maycolalvarez · #2 (**permalink**) 07/08/2011, 15:21

necesitas de HTML para crear la interfaz, desde javascript puedes manipularlo mediante el DOM, consulte un manual de HTML

ramondevesa · #3 (**permalink**) 08/08/2011, 03:47

No me ha resuelto nada...

ceSharp · #4 (**permalink**) 08/08/2011, 05:24

hola ramon,

lo que tienes que tener en cuenta es la cantidad de campos que tienes que mostrar en tu página, en función de las posibilidades de ese objeto 'factura' que montas al inicio. O sea, que tendrás que pintar datos para la empresa, cliente, descripcion de producto, etc.

y una vez que lo tengas claro, pues ya tendras que decicidr si son inputs tipo texto, checkbox o lo que sea. por lo que yo veo lo único que tendrías que montar es una <table> con unos <label> o directamente escribiendo en cada <td> de tu <table>, seguido de unos <input type="text">. Es por ello que maycolalvarez te aconseja que busques algún manual de HTML, para montar esa estructura.
eso en lo que se refiere a mostrar campos. el llevar la información a tu objeto factura ya es otra cosa.
si más o menos esto resuelve tu duda estupendo, si no te lo intento explicar más detalladamente con algún ejemplo, y si tu duda es sobre cómo rellenar los datos através de javascript también dilo, y te monto algún ejemplo de cómo rellenarlo.

saludos.

ramondevesa · #5 (**permalink**) 08/08/2011, 05:26

Thanks lo comprendí, lógicamente si me pones un ejemplo lo veré mejor, pero creo que he comprendido lo que explicas arriba.
Bueno mi duda también está en ¿que tipo de tutorial/manual de HTML me tengo que estudiar? por que me imagino que el manual de HTML que te refieres se centrará en un tema en concreto ¿ no?

ceSharp · #6 (**permalink**) 08/08/2011, 06:00

para lo que tú necesitas te basta con un manual básico, que hay cientos de miles de millones por la web. acabo de buscar una con un listado de etiquetas http://crismattweb.tripod.com/guiahtml/etiqueta.html pero vamos que esa es por poner un ejemplo, no sé si es mejor o peor que otras, pero con aprender la estrucutura básica de una página html te basta con ese manual. Por ejemplo podrías utilizar una estructura así:

Código HTML:

Ver original<html>
<head>
<title>titulo_pagina</title>
<script type="text/javascript">
....
</script>
</head>
<body>
<table>
<tr>
<td>empresa</td><td><input type="text"></td>
</tr>
</table>
</body>
</html>

como puedes ver todo va dentro de etiquetas (por ejemplo tu código javascript iría entre <script> y </script>), y todas se abren y se cierran en algún momento (vigila los cierres que a veces te puedes volver loco, por experiencia, jejejeje)

saludos.

ramondevesa · #7 (**permalink**) 08/08/2011, 06:07

Gracias por todo