Foros del Web » Programación web » Javascript »

Agregar datos a una tabla dinamica por php y js

Estas en el tema de Agregar datos a una tabla dinamica por php y js en el foro de Javascript en Foros del Web. Amigos un gran favor toy intentando hacer un formulario para poder agregar productos a una tabla dinamica para facturar pero primero toy con una muestra ...
  #1 (permalink)  
Antiguo 08/03/2012, 07:50
Avatar de acasaverde  
Fecha de Ingreso: septiembre-2011
Ubicación: Lima, Peru, Peru
Mensajes: 36
Antigüedad: 3 años, 1 mes
Puntos: 0
Pregunta Agregar datos a una tabla dinamica por php y js

Amigos un gran favor toy intentando hacer un formulario para poder agregar productos a una tabla dinamica para facturar pero primero toy con una muestra y asi poder guiarme haver si me pueden ayudar ya que recien comienso en este mundo de la programacion web este es mi codigo trabajo con un framework CODEIGNITER... Gracias

Código HTML:
Ver original
  1.       <tr>
  2.           <td>
  3.               nombre<input type="text" name="nombre" value="" />
  4.           </td>
  5.           <td>
  6.               Sitio Web <select name="Sitio_Web">
  7.                   <option>hotmail</option>
  8.                   <option>facebook</option>
  9.               </select>
  10.           </td>          
  11.           <td>
  12.               Correo<input type="text" name="Correo" value="" />
  13.           </td>
  14.       </tr>
  15.   </table>  
  16.    
  17.  <table id="tablaUsuarios">
  18.         <tr>
  19.             <td>
  20.             <button name="Enviar" onClick="agregarUsuario()" value="Enviar">AGREGAR</button>
  21.             </td>          
  22.         </tr>
  23.         <tr>
  24.             <td width="175">Nombre</td>
  25.             <td width="175">Sitio Web </td>
  26.             <td width="100">Correo</td>
  27.             <td width="100">Acciones</td>
  28.         </tr>
  29.  </table>

con este javascript logre que se crean caja de texto ala hora que le hago click en el boton pero lo que quiero es que capture los datos de las cajas ingresadas y cuando le dea boton lo vaya insertando

Código Javascript:
Ver original
  1. <script language="javascript" type="text/javascript">
  2.    var posicionCampo=1;
  3.      function agregarUsuario(){
  4.         nuevaFila = document.getElementById("tablaUsuarios").insertRow(-1)
  5.         nuevaFila.id=posicionCampo;
  6.        
  7.         nuevaCelda=nuevaFila.insertCell(-1);
  8.         nuevaCelda.innerHTML="<td><input label=''name='web["+posicionCampo+"]' ></td>";
  9.  
  10.        
  11.         nuevaCelda=nuevaFila.insertCell(-1);
  12.         nuevaCelda.innerHTML="<td> <input type=''  size='10' name='web["+posicionCampo+"]' ></td>";
  13.        
  14.         nuevaCelda=nuevaFila.insertCell(-1);
  15.         nuevaCelda.innerHTML="<td> <input type='' size='10' name='correo["+posicionCampo+"]' ></td>";
  16.        
  17.         nuevaCelda=nuevaFila.insertCell(-1);
  18.         nuevaCelda.innerHTML="<td><input type='button' value='Eliminar' onclick='eliminarUsuario(this)'></td>";
  19.         posicionCampo++;
  20.     }
  21.         function eliminarUsuario(obj){
  22.             var oTr = obj;
  23.             while(oTr.nodeName.toLowerCase()!='tr'){
  24.             oTr=oTr.parentNode;
  25.             }
  26.             var root = oTr.parentNode;
  27.             root.removeChild(oTr);
  28.     }
  29.     </script>

Etiquetas: php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:52.
SEO by vBSEO 3.3.2