Ir al contenido



Foto

como guardar los datos de las filas que agrego manualmente en una tabla

programacion javascript php

  • Por favor identifícate para responder
1 respuesta en este tema

#1 josichi

josichi

    Newbie

  • Miembros
  • Pip
  • 2 mensajes

Escrito 11 agosto 2016 - 02:10

buenas tardes, tengo un codigo el cual puedo agregar filas a una tabla manualmente, pero necesito saver como guardar los datos de cada fila en la base de datos, les agradeceria su ayuda.

 

aqui esta el codigo.


php
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Reporte de Accidentes, Incidentes de trabajo y Enfermedades laborales</title>
  6. <style type="text/css">
  7. #form1 {    text-align: center;
  8. }
  9. </style>
  10. <script>
  11. //validar que solo ingresen numeros    
  12. function solonumeros(e) {
  13.     key = e.keyCode || e.which;
  14.     tecla = String.fromCharCode(key).toLowerCase();
  15.     numeros = "0123456789";
  16.     especiales = [8, 37, 39, 46, 09];
  17.  
  18.     tecla_especial = false;
  19.     for(var i in especiales) {
  20.         if(key == especiales[i]) {
  21.             tecla_especial = true;
  22.             break;
  23.         }
  24.     }
  25.  
  26.     if(numeros.indexOf(tecla) == -1 && !tecla_especial)
  27.         return false;
  28. }
  29. </script>
  30. <script>
  31.        var contLin = 3;
  32.     function agregar() {
  33.        var tr, td, tabla;
  34.      
  35.        tabla = document.getElementById('tabla');
  36.        tr = tabla.insertRow(tabla.rows.length);
  37.        //boton de agregar fila
  38.        td = tr.insertCell(tr.cells.length);
  39.        td.innerHTML = "<input name='button' type=button onclick='agregar()' value='+' >";
  40.        //boton de eliminar fila
  41.        td = tr.insertCell(tr.cells.length);
  42.        td.innerHTML = "<input name='button' type=button onclick='borrarUltima()' value='-' >";
  43.        //resto de campos
  44.        //No.
  45.        td = tr.insertCell(tr.cells.length);
  46.        td.innerHTML = "<input type='text' value='' size='4' >";
  47.        //fecha
  48.        td = tr.insertCell(tr.cells.length);
  49.        td.innerHTML = "<!-- #BeginDate format:It1 -->11-08-2016<!-- #EndDate -->";
  50.        //documento del trabajador
  51.        td = tr.insertCell(tr.cells.length);
  52.        td.innerHTML = "<input name='documento' type='text' id='documento' size='10' maxlength='10' onkeypress='return solonumeros(event)'/>";
  53.        //tipo de reporte
  54.        td = tr.insertCell(tr.cells.length);
  55.        td.innerHTML = "<select name='tipo_repor' id='tipo_repor'><option value='null' selected='selected'>Ejila</option><option value='Accidente'>Accidente</option><option value='Incidenteq'>Incidente</option><option value='Enfermedad'>Enfermedad</option></select>";
  56.        //ocupacion del trabajador
  57.        td = tr.insertCell(tr.cells.length);
  58.        td.innerHTML = "<textarea name='ocupacion' id='ocupacion' cols='14' rows='5'></textarea>";
  59.        //seccion donde labora
  60.        td = tr.insertCell(tr.cells.length);
  61.        td.innerHTML = "<select name='seccion' id='seccion'><option value='null'>Elija</option></select>";
  62.        //sitio del evento
  63.        td = tr.insertCell(tr.cells.length);
  64.        td.innerHTML = "<textarea name='sitio_evento' id='sitio_evento' cols='14' rows='5'></textarea>";
  65.        //descripcion
  66.        td = tr.insertCell(tr.cells.length);
  67.        td.innerHTML = "<textarea name='descripcion' id='descripcion' cols='18' rows='5'></textarea>";
  68.        //Análisis de casualidad
  69.        //Condiciones inseguras
  70.        td = tr.insertCell(tr.cells.length);
  71.        td.innerHTML = "<textarea name='cond_inseguras' id='cond_inseguras' cols='14' rows='5'>Metodos o procedimientos peligrosos. Medicion de gases. Supervison inadecuada.</textarea>";
  72.        //actos insegur0s
  73.        td = tr.insertCell(tr.cells.length);
  74.        td.innerHTML = "<textarea name='acto_inseguro' id='acto_inseguro' cols='14' rows='5'>Falta de conocimiento.soldar, reparar sin permiso del supervisor con respecto a la presencia de vapores, susutancias quimicas peligrosas,etc.</textarea>";
  75.        //Factores del trabajo
  76.        td = tr.insertCell(tr.cells.length);
  77.        td.innerHTML = "<textarea name='factores_trab' id='factores_trab' cols='14' rows='5'>Chispa y calor provocado por la soldadura.</textarea>";
  78.        //Factores personales
  79.        td = tr.insertCell(tr.cells.length);
  80.        td.innerHTML = "<textarea name='factores_person' id='factores_person' cols='14' rows='5'>Nerviosismo, inseguro. Entrenamiento inicial inadecuado.</textarea>";
  81.     }
  82.     function borrarUltima() {
  83.        ultima = document.all.tabla.rows.length - 1;
  84.        if(ultima > -1){
  85.           document.all.tabla.deleteRow(ultima);
  86.           contLin--;
  87.        }
  88.     }
  89.         </script>
  90. </head>
  91.  
  92. <body>
  93. <form id="form1" name="form1" method="post" action="">
  94.   <p><img src="../Templates/img/logo-IBC.jpg" alt="" width="627" height="116"></p>
  95.   <p>&nbsp;</p>
  96.   <h1 id="form2">Reporte de Accidentes, Incidentes de trabajo y Enfermedades laborales </h1>
  97.   <p>&nbsp;</p>
  98.   <table id="tabla" width="100%" border="1" align="center" cellpadding="0" cellspacing="0">
  99.     <col width="32">
  100.     <col width="82">
  101.     <col width="111">
  102.     <col width="101">
  103.     <col width="156">
  104.     <col width="109">
  105.     <col width="148">
  106.     <col width="169">
  107.     <col width="112">
  108.     <col width="138">
  109.     <col width="109">
  110.     <tr>
  111.       <td rowspan="3" width="24">&nbsp;</td>
  112.       <td rowspan="3" width="21">&nbsp;</td>
  113.       <td rowspan="3" width="37">No.</td>
  114.       <td rowspan="3" width="80">Fecha del evento</td>
  115.       <td rowspan="3" width="90">Identificaci&oacute;n del    trabajador</td>
  116.       <td rowspan="3" width="122">Tipo de reporte</td>
  117.       <td rowspan="3" width="119">Ocupaci&oacute;n</td>
  118.       <td rowspan="3" width="119">Departamaneto o    seccion</td>
  119.       <td rowspan="3" width="111">Sitio del evento</td>
  120.       <td rowspan="3" width="125">Descripci&oacute;n del    evento</td>
  121.       <td colspan="4">An&aacute;lisis    de casualidad</td>
  122.     </tr>
  123.     <tr>
  124.       <td colspan="2">Causas inmediatas</td>
  125.       <td colspan="2">Causas&nbsp; basicas</td>
  126.     </tr>
  127.     <tr>
  128.       <td width="101">Cond inseguras</td>
  129.       <td width="101">Acto inseguro</td>
  130.       <td width="101">Fac trabajo</td>
  131.       <td width="186">Fac personales</td>
  132.     </tr>
  133.     <tr>
  134.       <td ><input name="button" type="button" onClick="agregar()" value="+"></td>
  135.       <td><input name="button2" type="button" onClick="borrarUltima()" value="-"></td>
  136.       <td><div align="center">1</div></td>
  137.       <td><div align="center">
  138.         <!-- #BeginDate format:It1 -->11-08-2016<!-- #EndDate -->
  139.       </div></td>
  140.       <td><label for="documento"></label>
  141.         <div align="center">
  142.           <input name="documento" type="text" id="documento" size="10" maxlength="10" onKeyPress="return solonumeros(event)">
  143.         </div></td>
  144.       <td width="122"><label for="tipo_repor"></label>
  145.         <select name="tipo_repor" id="tipo_repor">
  146.           <option value="null" selected="selected">Ejila</option>
  147.           <option value="Accidente">Accidente</option>
  148.           <option value="Incidenteq">Incidente</option>
  149.           <option value="Enfermedad">Enfermedad</option>
  150.       </select></td>
  151.       <td width="119"><label for="ocupacion"></label>
  152.         <div align="center">
  153.           <textarea name="ocupacion" id="ocupacion" cols="13" rows="5"></textarea>
  154.         </div></td>
  155.       <td width="119"><label for="seccion"></label>
  156.         <div align="center">
  157.           <select name="seccion" id="seccion">
  158.             <option value="null">Elija</option>
  159.           </select>
  160.       </div></td>
  161.       <td width="111"><label for="sitio_evento"></label>
  162.         <textarea name="sitio_evento" id="sitio_evento" cols="13" rows="5"></textarea></td>
  163.       <td width="125"><label for="descripcion"></label>
  164.         <textarea name="descripcion" id="descripcion" cols="17" rows="5"></textarea></td>
  165.       <td width="101"><label for="cond_inseguras"></label>
  166.         <textarea name="cond_inseguras" id="cond_inseguras" cols="14" rows="5">Metodos o procedimientos peligrosos. Medicion de gases. Supervison inadecuada.</textarea></td>
  167.       <td width="101">
  168.       <textarea name="acto_inseguro" id="acto_inseguro" cols="14" rows="5">Falta de conocimiento.soldar, reparar sin permiso del supervisor con respecto a la presencia de vapores, susutancias quimicas peligrosas,etc.</textarea></td>
  169.       <td width="101"><label for="factores_trab"></label>
  170.       <textarea name="factores_trab" id="factores_trab" cols="14" rows="5">Chispa y calor provocado por la soldadura.
  171.       </textarea></td>
  172.       <td width="186"><label for="factores_person"></label>
  173.       <textarea name="factores_person" id="factores_person" cols="14" rows="5">Nerviosismo, inseguro. Entrenamiento inicial inadecuado.</textarea></td>
  174.     </tr>
  175.   </table>
  176.   &nbsp;
  177.   <p>&nbsp;</p>
  178.   <p><img src="../assets/cadena_IBC.jpg" alt="" width="627" height="61"></p>
  179. </form>
  180. </body>
  181. </html>


  • 0

#2 Bish0p

Bish0p

    Advanced Member

  • Miembros
  • PipPipPip
  • 64 mensajes
  • LocationMéxico, DF

Escrito 18 agosto 2016 - 03:29

En cada componente del formulario debes poner en el atributo name algo asi

 

ej:


php
  1. <textarea name="factores_person1[]" id="factores_person1" cols="14" rows="5">Nerviosismo, inseguro. Entrenamiento inicial inadecuado.</textarea>
  2. <textarea name="factores_person2[]" id="factores_person2" cols="14" rows="5">Nerviosismo, inseguro. Entrenamiento inicial inadecuado.</textarea>
  3. <textarea name="factores_person3[]" id="factores_person3" cols="14" rows="5">Nerviosismo, inseguro. Entrenamiento inicial inadecuado.</textarea>

en el post recibes los valores  como arreglo

Saludos


  • 1





Etiquetado también con una o más de estas palabras: programacion, javascript, php