Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/03/2012, 09:04
Avatar de acasaverde
acasaverde
 
Fecha de Ingreso: septiembre-2011
Ubicación: Lima, Peru, Peru
Mensajes: 36
Antigüedad: 12 años, 6 meses
Puntos: 0
Pregunta agregar datos en una tabla dinamica

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>