Regresar a la página ComoCrearTuWeb.com
Resultados 1 al 2 de 2

Tema: Recoger y guardar datos en una tabla mysql

  1. #1
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    27 may, 14
    Mensajes
    1
    Poder de Reputación
    0

    Recoger y guardar datos en una tabla mysql

    Holis plis ayuda urgente necesito recoger y después guardar estos datos dinámicos en una tabla mysql. Yo inserto filas que contiene producto, cantidad y valor en una <table> de html. El código funciona correctamente pero no se como recoger cada uno de los datos de la columna producto, cantidad, precio, subtotal. para después ser guardados en una tabla. De antemano gracias.

    este es el código para copiar y probar

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Factura</title>

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.js" charset="utf-8"></script>
    <script src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="main.js"></script>

    <script type="text/javascript">
    function borrar(obj,valor,iva,totales,descuento) {
    fila = obj.parentNode.parentNode;
    document.getElementById('tabla').removeChild(fila) ;


    total = total - valor;
    $("#txttotal").val(total);



    iva = total * 0.19;
    $("#txtiva").val(iva);


    totales=total + iva- descuento ;
    $("#txttotales").val(totales);

    }
    </script>

    </head>

    <body>
    <form name='form1' id='form1' action='guardar.php' method='post'>

    <table width='90%' height='180' align='center' class='tabl' >

    <!--Ingreso de productos cantidad y valor -->

    <tr>
    <td>PRODUCTO</td>
    <td><input type='text' name='txtNombres' id='txtNombres' /></div></td>
    <td>CANTIDAD</td>
    <td><input type='text' name='txtApellidos' id='txtApellidos'/></td>
    <td>VALOR</td>
    <td><input type='text' name='txtTelefono' id='txtTelefono' /><input name="btnInsertar" id="btnInsertar" type="button" value="Insertar" class="" /></td>
    </tr>
    </table>

    <table width='90%' height='' align='center' bgcolor='#FFFFFF' class='tabl' id="tblDatos" >
    <tbody id="tabla">
    <tr>
    <td><strong>Producto</strong></td>
    <td><strong>Cantidad</strong></td>
    <td><strong>Precio</strong></td>
    <td><strong>Subtotal</strong></td>
    <td><strong>Eliminar</strong></td>
    </tr>

    <!--Insertar los datos en la tabla -->

    <script type="text/javascript" charset="utf-8">
    var total = 0;
    var iva = 0;
    var totales = 0;
    var i = 0;
    $(function() {
    $("#btnInsertar").click(addUsuario);

    });

    function addUsuario(){
    var Nombres=$('#txtNombres').val();
    var apellidos=$("#txtApellidos").val();
    var telefono=$("#txtTelefono").val();
    var descuento=$("#txtDescuento").val();
    var tablaDatos= $("#tblDatos");
    var valor=(apellidos*telefono)

    if(Nombres!="" || apellidos!="" || telefono!="" ){
    tablaDatos.append("<tr><td><input type='text' name='fruit[]' value='"+Nombres+"' autofocus readonly style='background-color:#FFF' /></td><td><input type='text' name='cantidad[]' value='"+apellidos+"' autofocus readonly style='background-color:#FFF' aling='center' class='Campo' /></td><td><input type='text' name='precio[]' value='"+telefono+"' autofocus readonly style='background-color:#FFF' class='Campo' /></td><td><input type='text' name='valor[]' value='"+valor+"' autofocus readonly style='background-color:#FFF' class='Campo'/></td><td align='center'><input type='button' onclick='borrar(this,"+valor+","+iva+","+totales+" ,"+descuento+")' value='ELIMINAR' /></td><td><input type='hidden' name='valor[]' value='"+descuento+"'/></td></tr>");

    total = total + valor;
    iva = total * 0.19;

    totales=total + iva - descuento
    $("#txttotal").val(total);
    $("#txtiva").val(iva);
    $("#txtdescuento").val(descuento);
    $("#txttotales").val(totales);
    reset_campos();
    }
    }
    function reset_campos(){
    $("#txtNombres").val("");
    $("#txtApellidos").val("");
    $("#txtTelefono").val("");
    }

    $(".delete").live('click', function(event) {
    $(this).parent().parent().remove(tr);
    });
    </script>
    </tbody>
    </table>


    </form>

    </body>
    </html>

    aqui muestro la imagen de mi codigo

    imagen.jpg
    Última edición por rouse; 27/05/2014 a las 01:32

  2. #2
    Me va gustando esto... Habitante Avatar de CircuitoX
    Fecha de Ingreso
    29 nov, 09
    Mensajes
    66
    Poder de Reputación
    20
    Acá tienes un video tutorial sobre como trabajar con php y mysql: modificar, guardar y eliminar registros desde PHP a una base de datos Mysql :

    http://goo.gl/ENHF4L

    Nota: Actualmente el link del tutorial bota un error 404 por eso puse el cache de google.
    Última edición por CircuitoX; 30/05/2014 a las 14:39
    My website responsive, html5, puro css y con Animación css3 web cusco
    Algo Diferente Paginas web Cusco
    Si necesitas ayuda con algo, entonces:
    http://www.google.com/+NestorMinaweb

Temas Similares

  1. no me agrega los datos a la base de datos en mysql
    Por debonaire en el foro Php Bases de Datos y MySQL (Nuevo!)
    Respuestas: 16
    Último Mensaje: 29/11/2022, 21:32
  2. Respuestas: 19
    Último Mensaje: 12/02/2015, 20:24
  3. update de datos a la misma tabla de base de datos
    Por all7 en el foro Php Bases de Datos y MySQL (Nuevo!)
    Respuestas: 8
    Último Mensaje: 02/01/2014, 16:42
  4. Recoger solo datos !="" de PHP y BD de MySQL
    Por Web-Freelance en el foro Php Bases de Datos y MySQL (Nuevo!)
    Respuestas: 0
    Último Mensaje: 03/06/2012, 10:03
  5. no me agrega los datos a la base de datos en mysql
    Por debonaire en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 6
    Último Mensaje: 21/12/2011, 11:06

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •